无为清净楼资源网 Design By www.qnjia.com
一、<script>元素属性
向XHTML页面中插入JavaScript的主要方法，就是使用<script>元素，该元素有5个属性分别为charset、defer、language、src、type，经常使用的是type、src、defer这三个。
1、type属性的值一般都是text/javascript，该属性是必须的,<script type=”text/javascript”/>。
2、src属性的值是*.js外部文件，该属性是可选的,<script type=”text/javascript” src=”example.js”/>。
在这个例子中，外部文件example.js将被加载到当前页面中。外部文件只需包含通常要放在开始的<script>和结束的</script>之间的那些Javascript代码即可。与解析嵌入式Javascript代码一样，在解析外部Javascript文件时，页面的处理也会暂时的停止。需要注意的是带有src属性后就不应该在<script>和</script>之间再包含额外的Javascript代码。
3、defer属性的值是”defer”,表示脚本可以延迟到文档完全被解析和显示之后再执行，该属性是可选的，<script type=”text/javascript” src=”example.js” defer=”defer”/>
二、标签位置
按照惯例，所有<script>元素都应该放在页面的<head>元素中，例如：
复制代码 代码如下:
<html>
<head>
<title></tilte>
<script type=”text/javascript” src=”example.js”/>
</head>
<body>
</body>
</html>
现代Web应用程序一般都把全部Javascript引用放在<body>元素中，放在页面的内容后面目的是让用户感觉到页面加载速度快了，如下所示：
复制代码 代码如下:
<html>
<head>
<title></tilte>
</head>
<body>
<!--内容-->
<script type=”text/javascript” src=”example.js”/>
</body>
</html>
三、延迟脚本
使用defer属性延迟脚本，这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后在运行。
复制代码 代码如下:
<html>
<head>
<title></tilte>
<script type=”text/javascript” src=”example.js” defer=”defer”/>
</head>
<body>
</body>
</html>
在这个例子中，虽然我们把<script>元素放在了文档的<head>元素中，但其中包含的脚本将延迟到浏览器遇到</html>标签后再执行。
四、CDATA
在XHTML(XML)中，CData片段是文档中的一个特殊区域，这个区域中可以包含不需要解析的任意格式的文本内容。因此，在CData片段中就可以使用任意字符，而且不会导致语法错误。
复制代码 代码如下:
<script>
// <![CDATA[
function compare(a,b){
if(a<b){
alert(“A is less than B”) ;
}else if(a>b){
alert(“A is greater than B”) ;
}else {
alert(“A is equal to B”) ;
}
}
//]]>
</script>
加入双斜线注释是为了解决浏览器不兼容XHTML的问题。
五、<noscript>元素
当浏览器不支持Javascript或者Javascript被禁用时，包含在<noscript>中的元素才会显示出来，否则得话尽管页面中包含<noscript>，但其中的内容并不会被显示。
如下所示：
复制代码 代码如下:
<html>
<head>
<title></tilte>
<script type=”text/javascript” src=”example.js” defer=”defer”/>
</head>
<body>
<noscript>
<p>本页面需要浏览器支持(启用)Javascript。</p>
</noscript>
</body>
</html>
这个页面会在脚本无效的情况下向用户显示一条消息。而在启用了脚本的浏览器中，用户永远也不会看到它——尽管它是页面的一部分。
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<noscript>
<center><p style="color:red; font-size:26px;">本页面需要浏览器支持（启用）JavaScript</p></center>
</noscript>
<!-- 这里放内容 -->
<script type="text/javascript">
alert(1);
</script>
</body>
</html>
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<noscript>
<center><p style="color:red; font-size:26px;">本页面需要浏览器支持（启用）JavaScript</p></center>
</noscript>
<!-- 这里放内容 -->
<script type="text/javascript">
alert(1);
</script>
</body>
</html>
在以下两种情况下，上述代码<p>标记中的内容会显示出来：
•浏览器不支持脚本
•浏览器支持脚本，但脚本被禁用。
除此之外，用户在浏览器中永远看不到<noscript>标记中的内容。
六、小结
把Javascript插入到XHTML中要使用<script>元素。使用这个元素可以把Javascript嵌入到XHTML页面中，让脚本与标记混合在一起；也可以包含外部的Javascript文件。而我们需要注意的有：
1、这两种方式都要求吧type属性的值设置为text/javascript，以表明使用的是Javascript脚本语言。
2、在包含外部Javascript文件时，必须将src属性设置为指向相应文件的url。而这个文件即可以好是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。
3、所有<script>元素会按照他们在页面中出现的先后顺序依次被解析。只有在解析完前一个<script>代码后才会解析下一个<script>代码。
4、浏览器在呈现后面的页面内容之前，必须先解析完前面<script>元素中的代码。为此，一般要把<script>元素放在页面的末尾，放在页面内容之后和结束的</body>标签之前。
5、在IE和火狐中，可以通过设置defer属性让浏览器在呈现完文档之后再执行脚本。其他浏览器不支持该属性。
另外，使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的情况下，浏览器不会显示<noscript>元素中的任何内容。
向XHTML页面中插入JavaScript的主要方法，就是使用<script>元素，该元素有5个属性分别为charset、defer、language、src、type，经常使用的是type、src、defer这三个。
1、type属性的值一般都是text/javascript，该属性是必须的,<script type=”text/javascript”/>。
2、src属性的值是*.js外部文件，该属性是可选的,<script type=”text/javascript” src=”example.js”/>。
在这个例子中，外部文件example.js将被加载到当前页面中。外部文件只需包含通常要放在开始的<script>和结束的</script>之间的那些Javascript代码即可。与解析嵌入式Javascript代码一样，在解析外部Javascript文件时，页面的处理也会暂时的停止。需要注意的是带有src属性后就不应该在<script>和</script>之间再包含额外的Javascript代码。
3、defer属性的值是”defer”,表示脚本可以延迟到文档完全被解析和显示之后再执行，该属性是可选的，<script type=”text/javascript” src=”example.js” defer=”defer”/>
二、标签位置
按照惯例，所有<script>元素都应该放在页面的<head>元素中，例如：
复制代码 代码如下:
<html>
<head>
<title></tilte>
<script type=”text/javascript” src=”example.js”/>
</head>
<body>
</body>
</html>
现代Web应用程序一般都把全部Javascript引用放在<body>元素中，放在页面的内容后面目的是让用户感觉到页面加载速度快了，如下所示：
复制代码 代码如下:
<html>
<head>
<title></tilte>
</head>
<body>
<!--内容-->
<script type=”text/javascript” src=”example.js”/>
</body>
</html>
三、延迟脚本
使用defer属性延迟脚本，这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后在运行。
复制代码 代码如下:
<html>
<head>
<title></tilte>
<script type=”text/javascript” src=”example.js” defer=”defer”/>
</head>
<body>
</body>
</html>
在这个例子中，虽然我们把<script>元素放在了文档的<head>元素中，但其中包含的脚本将延迟到浏览器遇到</html>标签后再执行。
四、CDATA
在XHTML(XML)中，CData片段是文档中的一个特殊区域，这个区域中可以包含不需要解析的任意格式的文本内容。因此，在CData片段中就可以使用任意字符，而且不会导致语法错误。
复制代码 代码如下:
<script>
// <![CDATA[
function compare(a,b){
if(a<b){
alert(“A is less than B”) ;
}else if(a>b){
alert(“A is greater than B”) ;
}else {
alert(“A is equal to B”) ;
}
}
//]]>
</script>
加入双斜线注释是为了解决浏览器不兼容XHTML的问题。
五、<noscript>元素
当浏览器不支持Javascript或者Javascript被禁用时，包含在<noscript>中的元素才会显示出来，否则得话尽管页面中包含<noscript>，但其中的内容并不会被显示。
如下所示：
复制代码 代码如下:
<html>
<head>
<title></tilte>
<script type=”text/javascript” src=”example.js” defer=”defer”/>
</head>
<body>
<noscript>
<p>本页面需要浏览器支持(启用)Javascript。</p>
</noscript>
</body>
</html>
这个页面会在脚本无效的情况下向用户显示一条消息。而在启用了脚本的浏览器中，用户永远也不会看到它——尽管它是页面的一部分。
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<noscript>
<center><p style="color:red; font-size:26px;">本页面需要浏览器支持（启用）JavaScript</p></center>
</noscript>
<!-- 这里放内容 -->
<script type="text/javascript">
alert(1);
</script>
</body>
</html>
复制代码 代码如下:
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<noscript>
<center><p style="color:red; font-size:26px;">本页面需要浏览器支持（启用）JavaScript</p></center>
</noscript>
<!-- 这里放内容 -->
<script type="text/javascript">
alert(1);
</script>
</body>
</html>
在以下两种情况下，上述代码<p>标记中的内容会显示出来：
•浏览器不支持脚本
•浏览器支持脚本，但脚本被禁用。
除此之外，用户在浏览器中永远看不到<noscript>标记中的内容。
六、小结
把Javascript插入到XHTML中要使用<script>元素。使用这个元素可以把Javascript嵌入到XHTML页面中，让脚本与标记混合在一起；也可以包含外部的Javascript文件。而我们需要注意的有：
1、这两种方式都要求吧type属性的值设置为text/javascript，以表明使用的是Javascript脚本语言。
2、在包含外部Javascript文件时，必须将src属性设置为指向相应文件的url。而这个文件即可以好是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。
3、所有<script>元素会按照他们在页面中出现的先后顺序依次被解析。只有在解析完前一个<script>代码后才会解析下一个<script>代码。
4、浏览器在呈现后面的页面内容之前，必须先解析完前面<script>元素中的代码。为此，一般要把<script>元素放在页面的末尾，放在页面内容之后和结束的</body>标签之前。
5、在IE和火狐中，可以通过设置defer属性让浏览器在呈现完文档之后再执行脚本。其他浏览器不支持该属性。
另外，使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的情况下，浏览器不会显示<noscript>元素中的任何内容。
无为清净楼资源网 Design By www.qnjia.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年11月17日
2024年11月17日
- 【雨果唱片】中国管弦乐《鹿回头》WAV
- APM亚流新世代《一起冒险》[FLAC/分轨][106.77MB]
- 崔健《飞狗》律冻文化[WAV+CUE][1.1G]
- 罗志祥《舞状元 (Explicit)》[320K/MP3][66.77MB]
- 尤雅.1997-幽雅精粹2CD【南方】【WAV+CUE】
- 张惠妹.2007-STAR（引进版）【EMI百代】【WAV+CUE】
- 群星.2008-LOVE情歌集VOL.8【正东】【WAV+CUE】
- 罗志祥《舞状元 (Explicit)》[FLAC/分轨][360.76MB]
- Tank《我不伟大，至少我能改变我。》[320K/MP3][160.41MB]
- Tank《我不伟大，至少我能改变我。》[FLAC/分轨][236.89MB]
- CD圣经推荐-夏韶声《谙2》SACD-ISO
- 钟镇涛-《百分百钟镇涛》首批限量版SACD-ISO
- 群星《继续微笑致敬许冠杰》[低速原抓WAV+CUE]
- 潘秀琼.2003-国语难忘金曲珍藏集【皇星全音】【WAV+CUE】
- 林东松.1997-2039玫瑰事件【宝丽金】【WAV+CUE】