JavaScript程序开发(二)—在html中使用js脚本

要在网页中运行js脚本,先学习html的一个标签<script>。

属性

需要提出的一点是js是一门解释型的脚本语言,不像java那样需要编译器先将java源代码编译成.class的字节码文件,包含在<script>中的代码将按照从上到下的顺序解释执行,在解释器对<script>中的代码解释完以前,页面其余部分的代码不会被浏览器加载解释。

<script>标签除了type这个必须的属性之外,还有其他还有另外2个可选属性和1个废弃属性。下面就来一一介绍这些属性。

type:必须。可以认为是language的替代属性,表示编写代码使用的脚本语言的内容类型,也可以称为MIME类型。理论上type的text/javascript和text/ecmascript已经不推荐使用,但是实践中仍然在用,用的是text/javascript。实际上,服务器端传送javascript文件时使用的的MIME类型是application/x-javascript,但在type中设置这个值有可能被脚本忽略。在非IE浏览器中,type值还可以被设置为application/javascript和application/ecmascript,但为了最好的兼容性,用的最多的还是text/javascript。

charset:可选。表示通过src引入的外部js文件指定字符集。由于大多数浏览器忽略这个属性,现在已经很少使用。

defer:可选。表示脚本可以延迟到文档完全加载完成解析显示后执行。defer有3个值,默认是false,表示不延迟加载脚本,另外2个值是defer和true,表示延迟加载脚本。这个属性是html4.01时代增加的一个属性,只有IE和firefox支持该属性,其他主流浏览器都忽略掉,并不会延迟加载。

src:可选。表示包含要执行的外部js文件。这个属性经常用到,细节不在赘述。

应用

页面中使用script标签的方式有两种,一是直接在页面中嵌套,如下面代码实例:

<script type="text/javascript">
	window.onload = function(){
		alert("Hello World!"); //要执行的js代码脚本
	}
</script>
另一中方式是通过应用script的src属性引入外部js文件,这个外部的js文件既可以是和html是同一个域中的js,也可以是不同域中的js文件,不过如果是一个不受自己管理和控制的外部js文件,一定要谨慎使用。因为谁也不能保证这个文件随时会被别人拿掉或者改掉。可以通过如下的代码实例引入外部的js文件:

<script type="text/javascript" src="../js/jquery.js"></script>

通常我在如上面方式引入一个外部js文件的时候都带有js的扩展名,但是这个扩展名不是必须的,可以省略。这样的话,我们也可以用同样的方式引入外部的jsp或php文件。有一点需要注意的是,在通过src指定外部js的时候,不能在<script>和</script>之间再加入其他的js脚本。

无论页面中以何种方式应用js脚本,浏览器都会按照<script>元素在页面中出现的先后顺序一次解析执行。前面的解析没有完成,后面的就不会被加载解析。


猜你喜欢

转载自blog.csdn.net/hbysj/article/details/7588867