javascript单独执⾏顺序和javascript和html混合执⾏顺序⼀、单独讨论javascript的执⾏顺序
controller advice1 只有原⽣的javascript,没有jquery。
1.1在<head>⾥⾯的JS谁写在前⾯,谁就优先执⾏。flash swf播放器手机版>perpendicular bisector
负压容器是压力容器吗1.2在<body>⾥⾯的JS要⽐<head>⾥⾯的JS后执⾏,因为html代码是先执⾏<head>再执⾏<body>的。同理JS谁写在前⾯,谁就优先执⾏。
1.3最后页⾯全部加载完成之后,就是从<head>⼀直到<body>全部执⾏完,触发页⾯加载完成函数onload()。
2.使⽤jquery的情况。
2.1在引⼊Jquery之后,执⾏顺序的基本原则还是⼀样的,谁先被引⽤谁就优先执⾏,所不同的是:$.(function)⽅法要在onload()⽅法之前执⾏。
总结:
JS的执⾏顺序,由HTML的加载顺序决定,谁写在前⾯,谁就优先执⾏(⽆论是写在页⾯上的JS代码还
是引⼊的JS⽂件),最后执⾏onload()⽅法。如果有Jquery的$(function)或者$(document).ready(function(){}),其原则跟上⾯的原则⼀致,有出⼊的是:它优先onload()⽅法执⾏。
⼆、javascript和html混合执⾏顺序
乱世佳人最经典一句1.<head>中的内容按从上往下的顺序执⾏。
2.<body>中的执⾏时:从上往下的顺序执⾏(此时遇到html内容也不会渲染,我的理解是暂时加载到内存),直到遇到第⼀个<script>会执⾏完其中的js代码,⽽后开始渲染html。⼀直按照这个顺序执⾏。假设临近</body>有⼀个相邻的<p>我是最后的内容</p>,且body有onload 或Jquery的$(function)或者$(document).ready(function(){})的内容,则按顺序执⾏Jquery的$(function)或者$(document).ready(function(){}),后执⾏onload,最后渲染<p>我是最后的内容</p>。
总结:<body>中的js和html执⾏的顺序是:加载直到<script>之前的所有html到内存(此时不渲染,浏览器上看不到内容),执⾏完html直接兄
弟<script>(此<script>后紧挨着还有<script>也不执⾏),⽽后渲染html。加载html->执⾏script->渲染html。
三、总结:
这么执⾏的⽬的可能是:⽹页⼤部分都是先写html,在下⾯写script,这script中有些对html样式的指定,所以浏览器只能制定先加载html到内存,执⾏script,⽽后综合整合样式,后渲染。
html个人网页完整代码顺序注:因时间原因,没放代码的图⽚。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论