JS知识点---在HTML中使用JavaScript

1、在HTML中使用JavaScript1.1 <script>标签需要注意的是,带有src属性(src="****.js" 这是代表外部脚本文件)的<script>元素不应该在其<script>和</script>标签之间(这代表嵌入的代码)再包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会...
摘要由CSDN通过智能技术生成

1、在HTML中使用JavaScript

1.1 <script>标签
需要注意的是,带有src属性(src="****.js" 这是代表外部脚本文件)的<script>元素不应该在其<script>和</script>标签之间(这代表嵌入的代码)再包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会别忽略。

1.2 标签的位置
  <script></script>标签最好放在<body>元素中页面内容的后面。
  原因:包含在<script></script>元素内部的JavaScript代码将被从上至下一次解释。按照惯例,我们会放在<head></head>标签中,这意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到<body>标签才开始呈现内容)。所以对于那些 需要很多JavaScript代码的页面来说。这无疑会导致浏览器在呈现页面时出现明显的延迟,浏览器窗口将是一片空白。所以为了避免这个问题,<script></script>标签最好放在<body>元素中页面内容的后面。

1.3  延迟脚本
<script>标签定义了defer属性(只适用于外部脚本文件),表明脚本在执行时不会影响页面构造,脚本会被延迟到整个页面全部解析完毕再运行。在<script>元素中设置defer属性,相当于告诉浏览器立即下载,但

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值