在HTML中使用Javascript

本节内容

  • 使用<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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容