JavaScript基础-书写格式

JavaScript基础-书写格式

JavaScript有三种书写格式,分别是“行内式”、“页内式”、“外链式”

行内式

今天天气很好!
1
行内式注意点

JS内使用单引号
页内式

<body>
    <script type = "text/javascript">
        alert("今天天气很好!");
    </script>
</body>

1
2
3
4
5
页内式注意点

script标签中的js代码一般写在文档的尾部

网页是从上至下加载,而js代码通常是给标签添加交互(操作元素),所以需要先加载HTML,否则如果执行js代码时HTML还未被加载,那么js代码将无法添加交互(操作元素)

HTML页面中出现script标签后,就会让页面暂停,等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式,页面的下载和渲染都必须停下来,等待脚本的执行完成才能继续。所以如果把js代码写在head中,那么js代码执行完毕之前后续网页无法被加载。

外链式

1
外链式注意点

外链式的script代码块中不能编写js代码,即使写了也不会执行

1
2
3
由于每次加载外链式的js文件都会发送一次请求,这样非常消耗性能,所以在企业开发中推荐将多个js文件打包成为一个js文件,以提升网页的性能和加载速度。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值