html xpages 主题引用js和css的小区别

以前收藏的一些html, xpages,xpages主题分析引用css和js的区别,今天分享出来,以方便大家更清楚的了解主题的引用js和css

一个国外网页对做xpages主题的说明

http://xpageswiki.com/web/youatnotes/wiki-xpages.nsf/dx/Work_with_themes

以下是本人的分析html, xpages,xpages主题分别引用js,css的小区别

文档下载

http://download.csdn.net/download/weijia3624/8530979

html引用(类似在domino开发的form的web开发)
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
Xpages引用
<xp:metaData httpEquiv="X-UA-Compatible" content="IE=edge"></xp:metaData>
Theme引用
<resources>
  <metaData>
    <httpEquiv>X-UA-Compatible</httpEquiv>
    <content>IE=edge</content>
  </metaData>
</resources>

html引用

<meta charset="utf-8">

Xpages引用

<xp:metaDatahttpEquiv="content-type" content="text/html;charset=utf-8"></xp:metaData>

主题引用

<resources>
  <metaData>
    <httpEquiv>content-type</httpEquiv>
    <content>text/html; charset=utf-8</content>
  </metaData>
</resources>

Html引用

<meta name="viewport" content="width=device-width,initial-scale=1.0">

Xpges引用

<xp:metaData name="viewport"content="width=device-width,initial-scale=1.0"></xp:metaData>

主题引用

<resources>
  <metaData>
    <name>content-type</name>
    <content>width=device-width, initial-scale=1.0</content>
  </metaData>
</resources>

HTML引用

<!--[if lt IE 9]>

<script src='/bootstrap/js/jquery-1.10.1.min.js'></script>

<script src='/bootstrap/js/html5shiv.min.js'></script>

<script src='/bootstrap/js/respond.min.js'></script>

<![endif]-->

<!--[if (gte IE 9) |(!IE)]><!-->

<script src='/" + _tDb +"/bootstrap/js/jquery-2.1.1.min.js'></script>

<!--<![endif]-->

Xpges引用

<xp:script src="/bootstrap-3.2/js/jquery-1.11.0.min.js"clientSide="true"

        rendered="#{javascript:context.getUserAgent().isIE(0,8)}">

</xp:script>

<xp:script src="/bootstrap-3.2/js/jquery-2.1.1.min.js"clientSide="true"

        rendered="#{javascript:context.getUserAgent().isIE(9,11)|| (!context.getUserAgent().isIE())}">

</xp:script>       

<xp:script src="/bootstrap-3.2/js/html5shiv.min.js"clientSide="true"

        rendered="#{javascript:context.getUserAgent().isIE(0,8)}">

</xp:script>

<xp:script src="/bootstrap-3.2/js/respond.min.js"clientSide="true"

        rendered="#{javascript:context.getUserAgent().isIE(0,8)}">

</xp:script>   

主题引用

<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">

       <content-type>application/x-javascript</content-type>

       <href>/.ibmxspres/.extlib/bootstrap/jquery182/js/jquery-1.11.0.min.js</href>

</resource>

<resource rendered="#{javascript:context.getUserAgent().isIE(9,11)|| (!context.getUserAgent().isIE())}">

       <content-type>application/x-javascript</content-type>

       <href>/.ibmxspres/.extlib/bootstrap/jquery182/js/jquery-2.1.1.min.js </href>

</resource>

<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">

       <content-type>application/x-javascript</content-type>

       <href>/.ibmxspres/.extlib/bootstrap/jquery182/js/html5shiv.min.js </href>

</resource>

<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">

       <content-type>application/x-javascript</content-type>

       <href>/.ibmxspres/.extlib/bootstrap/jquery182/js/respond.min.js </href>

</resource>

猜你喜欢

转载自blog.csdn.net/navymei10220214/article/details/82905982
今日推荐