Javascript 书写位置规范

本文介绍了JavaScript的三种书写位置:内部JavaScript、外部JavaScript和内联JavaScript,并强调了将脚本放置在HTML文档底部的重要性,以确保浏览器按顺序加载并避免阻塞页面渲染。同时,提倡使用外部JavaScript文件以提高代码组织性和可重用性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 内部 JavaScript

直接写在html文件里,用script标签包住 规范:script标签写在上面 拓展: alert(‘你好,js’) 页面弹出警告对话框

 

注意事项:

我们将 <script> 放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。

如果先加载的 JavaScript 期望修改其下方的 HTML,那么它可能由于 HTML 尚未被加载而失效。

因此,将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。

2. 外部 JavaScript

代码写在以.js结尾的文件里

语法:通过script标签,引入到html页面中。

 注意事项

1. script标签中间无需写代码,否则会被忽略!

2. 外部JavaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML 也会更加易读,因此这是个好的习惯。

3. 内联 JavaScript

代码写在标签内部

语法:

 注意: 此处作为了解即可,但是后面vue框架会用这种模式

总结:

1.javaScript 三种书写位置?
内部
外部
内联
2.注意事项
书写的位置尽量写到文档末尾</body>前面
外部js标签中间不要写代码,否则会被忽略。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值