WEB开发网
开发学院网页设计JavaScript 在javascript嵌套时的执行顺序问题 阅读

在javascript嵌套时的执行顺序问题

 2010-09-14 13:18:22 来源:WEB开发网   
核心提示:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
<script language="javascript">
alert('start');
document.write("<scr" + "ipt type='text/javascript' src='index.js'></scr" + "ipt>");
alert('end');
</script>
</head>
<body>
</body>
</html>

被 index.html 嵌入的 index.js

document.write("<scr" + "ipt type='text/javascript' src='index1.js'></scr" + "ipt>");
alert('index.js');

被 index.js 嵌入的 index1.js

alert('index1.js');

最终的显示提示的顺序:

start
end
index.js
index1.js

小结,在存在js嵌套的过程中,首先执行原先的代码,被嵌套的js中再执行。然后是下层嵌套代码的执行。

但是以上的部分只是限于了显示一个提示,如果需要证明这个推论是正确的,我想还是需要通过一些更多的代码来测试的。

我们只是修改index.js index1.js

index.js
var str = 'index.js';
document.write("<scr" + "ipt type='text/javascript' src='index1.js'></scr" + "ipt>");
alert('index.js');
alert(str);
index1.js
alert(str);
str = 'index1.js';
alert('index1.js');
alert(str);

再次运行,顺序:

start
end
index.js
index.js
index.js
index1.js
index1.js

显然结果证明了我们上面的推论。

Tags:javascript 嵌套 执行

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接