您的位置：首页 > Web前端 > JavaScript

HTML中Js脚本的执行顺序

2015-10-09 11:38 531 查看
html 中的js 脚本是从上往下线性执行，实例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" defer="defer">
console.log("head ================>执行");
</script>
</head>
<body>
<script type="text/javascript">
console.log("Body ================>执行");
</script>
<div >
<script type="text/javascript">
console.log("DIV ================>执行");
</script>
</div>
</body>
<script type="text/javascript">
console.log("[ BODY->HTML ] ================>执行");
</script>
</html>
<script type="text/javascript">
console.log("HTML 之后 ================>执行");
</script>


在firefox 40.0.3 执行后效果：

head ================>执行

Body ================>执行

DIV ================>执行

[ BODY->HTML ] ================>执行

HTML 之后 ================>执行
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航