当前位置: 首页 > 面试题库 >

js放在html的和有什么区别?

慕容成和
2023-03-14
本文向大家介绍js放在html的和有什么区别?相关面试题,主要包含被问及js放在html的和有什么区别?时的应答技巧和注意事项,需要的朋友参考一下

js 放在 <head> 中,如果不添加 async 或者 defer 时,当浏览器遇到 script 时,会阻塞 DOM 树的构建,进而影响页面的加载。当 js 文件较多时,页面白屏的时间也会变长。

在这个过程中,如果解析器遇到了一个脚本(script),它就会停下来,并且执行这个脚本,然后才会继续解析 HTML。如果遇到了一个引用外部资源的脚本(script),它就必须停下来等待这个脚本资源的下载,而这个行为会导致一个或者多个的网络往返,并且会延迟页面的首次渲染时间。

把 js 放到 <body> 里(一般在 </body> 的上面)时,由于 DOM 时顺序解析的,因此 js 不会阻塞 DOM 的解析。对于必须要在 DOM 解析前就要加载的 js,我们需要放在 <head> 中。

参考文章:
该把 JS 文件放在 HTML 文档的那个位置

 类似资料:
  • 本文向大家介绍Html和xhtml有什么区别?相关面试题,主要包含被问及Html和xhtml有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 html是一种基本的web网页设计语言,xhtml是一个基于XML的置标语言。 最主要的不同: XHTML元素必须正确的被嵌套,元素必须关闭,标签必须小写,必须有根元素。

  • 本文向大家介绍HTML 和 XHTML 有什么区别?相关面试题,主要包含被问及HTML 和 XHTML 有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 为了规范HTML,W3C结合XML制定了XHTML 1.0标准,这个标准没有增加任何新的tag,只是按照XML的要求来规范HTML。 1)XHTML中的标签都必须被正确地嵌套,HTML中的某些标签可以彼此不正确的嵌套。 2)XHTML中的所

  • 本文向大家介绍说下js的parseInt()和Number()有什么区别?相关面试题,主要包含被问及说下js的parseInt()和Number()有什么区别?时的应答技巧和注意事项,需要的朋友参考一下

  • 问题内容: 在jQuery 1.6.1中进行更改之后,我一直在尝试定义HTML中属性和属性之间的差异。 查看jQuery1.6.1发行说明中的列表(在底部附近),似乎可以对HTML属性和属性进行如下分类: 属性:所有具有布尔值或UA计算得出的值,例如selectedIndex。 属性:可以添加到既不是布尔也不包含UA生成值的HTML元素中的“属性”。 有什么想法吗? 问题答案: 在编写HTML源代

  • 本文向大家介绍在js中attribute和property的区别是什么?相关面试题,主要包含被问及在js中attribute和property的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下 @foreverZ133 非标准的不做任何映射,只能通过 等函数获取到值,值是字符串类型。 噢,一个会改变 html 一个不会,突然冒出来个特性搞蒙了,Thanks

  • 问题内容: 可以在这里找到代码: 我发现有内标记,也有内标签。它们都是必需的吗?(在这种情况下,CSS似乎覆盖了HTML属性)关于它们之间的区别是否有任何解释? 问题答案: 我检查了文档,但是它们并不清楚如果同时设置了它们。 那藏在这里的某个地方: UA可以选择使用HTML源文档中的表示属性。如果是这样,则将这些属性转换为对应的CSS规则,其特异性等于0,并且将其视为在作者样式表的开头插入。因此,