HTML中javascript的<script>标签使⽤⽅法详解
只要⼀提到把JavaScript放到⽹页中,就不得不涉及Web的核⼼语⾔——HTML。在当初开发JavaScript的时候,Netscape要解决的⼀个重要问题就是如何做到让JavaScript既能与HTML页⾯共存,⼜不影响那些页⾯在其他浏览器中的呈现效果。经过尝试、纠错和争论,最终的决定就是为Web增加统⼀的脚本⽀持。⽽Web诞⽣早期的很多做法也都保留了下来,并被正式纳⼊HTML规范当中。
如何下载javascript
<script>元素
向HTML页⾯中插⼊JavaScript的主要⽅法,就是使⽤<script>元素。这个元素由Netscape创造并在Netscape Navigator2中⾸先实现。后来,这个元素被加⼊到正式的HTML规范中。HTML4.01为<scripth>定义了下列6个属性。
async:可选。表⽰应该⽴即下载脚本,但不应妨碍页⾯中的其他操作,⽐如下载其他资源或等待加载其他脚本。只对外部脚本有效。
charset:可选。表⽰通过src属性指定的代码的字符集。由于⼤多数浏览器会忽略它的值,因此这个属性很少有⼈⽤。
defer:可选。表⽰脚本可以延迟到⽂档完全被解析和显⽰之后再执⾏。只对外部脚本有效。
language:已废弃。
src:可选。表⽰包含要执⾏代码的外部⽂件。
type:可选。可以看成是language的替代属性;表⽰编写代码使⽤的脚本语⾔的内容类型(也称为MIME类型)。
使⽤<script>元素的⽅式有两种:直接在页⾯中嵌⼊JavaScript代码和包含外部JavaScript⽂件。
在使⽤<script>元素嵌⼊JavaScript代码时,只需为<script>指定type属性。然后,向下⾯这样把javaScript代码直接放在元素内部即可:
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>
包含在<script>元素内部的JavaScript代码将被从上⾄下依次解释。就拿前⾯这个例⼦来说,解释器会解释⼀个函数的定义,然后将该定义保存在⾃⼰的环境当中。当解释器对<script>元素内部的所有代码求值完毕前,页⾯中的其余内容都不会被浏览器加载或显⽰。
如果要通过<script>元素来包含外部JavaScript⽂件,那么src属性就是必需的。这个属性的值是⼀个指向外部javascript⽂件的链接,例如:
<script type="text/javascript" src="example.js"></script>
在这个例⼦中,外部⽂件example.js将被加载到当前页⾯中。外部⽂件只须包含通常要放在开始的<script>和结束的</script>中间的那些javascript代码即可。与解析嵌⼊式javascript代码⼀样,在解析外部javascript⽂件(包括下载该⽂件)时,页⾯的处理也会暂时停⽌。如果是在XHTML⽂档中,也可以省略前⾯⽰例代码中结束的</script>标签,例如:
<script type="text/javascript" src="example.js" />
按照惯例,外部javascript⽂件带有.js扩展名。但这个扩展名不是必需的,因为浏览器不会检查包含javascript的⽂件的扩展名。这样⼀来,使⽤JSP、PHP或其他服务器端语⾔动态⽣成javascript代码也就成为了可能。但是,服务器通常还是需要看扩展名决定为响应应⽤哪种MIME类型。如果不适⽤.js扩展名,请确保服务器能反应会正确的MIME类型。
版权声明:《》为CoderBBB作者「ʘᴗʘ」的原创⽂章,转载请附上原⽂出处链接及本声明。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。