在HTML中使用Javascript
2020-10-27 本文已影响0人
张晖
本节内容
- 使用<script>
- 嵌入脚本与外部脚本
- 文档模式对Javascript的影响
- 考虑禁用Javascript的场景
script元素的属性
共六个属性:async
,charset
,defer
,language
,src
,type
这六个属性都不是必须的。
其中 type
属性的默认值是: text/javascript
第一个实例
<script type="text/javascript">
function sayHi(){
alert("Hello world!");
}
sayHi();
</script>
引入外部Javascript文件
<script type="text/javascript" src="example.js"></script>
传统做法是放在<head>内,这样做会影响页头同加载速度,所以也常放在</body>上面。
嵌入代码与外部文件
在HTML中嵌入Javascript代码虽然没有问题,一般建议使用外部文件来包含Javascript代码,优点如下:
- 可维护性;
- 可缓存;
文档模式
HTML5的文档申明,写在HTML页面的最上方: <!DOCTYPE html>