htmljscss加载顺序_vue动态加载html模板

htmljscss加载顺序_vue动态加载html模板html页面中js 的加载顺序一、js加载顺序计算机读代码的顺序是从上往下读的,html文件中的顺序是<head>→<body>→body后方javascript代码写在<hea

html页面中js 的加载顺序   一、js加载顺序   计算机读代码的顺序是从上往下读的,html文件中的顺序是<head>→<body>→body后方   javascript代码写在<head>里面:   由于这时候网页主体(body)还未加载,所以这里适合放一些立即执行且不需要引入什么参数来进行操作的的自定义函数,立即执行的语句则很可能会出错(视浏览器而定)   javascript代码写在<body>里面:   这里可以放函数也可以放立即执行的语句,但是如果需要和网页素互动的(比如某个标签的值或者给某个标签赋值),Javascript代码务必在标签的后面   javascript代码写在<body>下面:   这时候整个网页已经加载完毕了,所以这里最适合放需要立即执行的命令,而自定义函数之类的则不适合。   二、推荐位置   规范起见,推荐放到body结束标签的末尾,包含到body标签内:   这样处理的好处是1、无需担心因页面未完成加载,造成DOM节点不到,使脚本报错的问题,2、而且能避免因脚本运行缓慢造成页面卡死的问题。另外,Yahoo的前端优化指南里就有这一条。   原因   1、避免DOM节点不到   如果把javascript放在head里的话,则先被解析,但这时候body还没有解析。(常规html结构都是head在前,body在后)如果head的js代码是需要传入一个参数(在body中调用该方法时,才会传入参数),并需调用该参数进行一系列的操作,那么这时候肯定就会报错,因为函数该参数未定义(undefined)。   因此定义一个全局对象,而这个对象与页面中的某个按钮(等等)有关时, 我们必须将其放入body中,道理很明显:如果放入head,那当页面加载head部分的时候,那个按钮(等等)都还没有被定义(也可以说是还没有被加 载,因为加载的过程就是执行代码的过程,包括了定义),你能得到的只可能是一个undefind。   2、 从JavaScript对页面下载性能方向考虑   由于脚本会阻塞其他资源的下载(如图片等)和页面渲染,直到脚本全部下载并执行完成后,页面的渲染才会继续。

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/53834.html

(0)
上一篇 2024年 9月 1日
下一篇 2024年 9月 1日

相关推荐

关注微信