你知道在HTML页面中使用Javascript有哪几种方式吗?
本文介绍两种常见的在html页面中应用javascript代码的方式。
方法一,在html页面中直接引入javascript代码
1,嵌入的Javascript代码
这种方式是直接将Javascript代码写在HTML中,例如:
以上代码中,包含Javascript代码的script标签放在和head中,当运行页面时,就会弹出一个对话框,如下图:
2,将javascript代码放在body中:
在body中加入一个script标签,并让它弹出一个对话框,当浏览器加载到这段代码后会将其解释执行,效果如下图:
两种写法都可以被执行,既没有推荐与不推荐写法之分,更没有正确与错误之别。
如果希望页面在加载之初就开始执行javascript代码,就应该将它放在head中;
如果希望在页面加载到某个标签之后执行Javascript代码,就将其放在相应标签的后面。
方式二,引用独立的js文件
将Javascript代码内嵌在HTML标签容易造成页面代码混乱,可以将Javascript代码存放在一个js文件中,然后在HTML中引用js文件,写法如下:
注意:
加载外部JS文件是线程阻塞的,在没有加载完成时,页面不会继续加载其后面的标签,所以通常将引用的JS放在body的后面。
这点请务必注意,特别是遇到一些莫名的无法加载网页等问题时,应该首选考虑到这个因素。