你是否理解JavaScript的执行顺序?

陈家铺帅哥

陈家铺帅哥

2016-02-19 15:19

今天图老师小编要向大家分享个你是否理解JavaScript的执行顺序?教程,过程简单易学,相信聪明的你一定能轻松get!

通常状况下,JavaScript作为一种解释性的脚本,都是从上而下顺序执行的,但是JavaScript还允许在其语句中嵌套,也就是这个样子:

document.write("scriptalert(t);/scr"+"ipt");

注意:/script不能写作/script,要用字符串连接的形式来表述,否则会有语法错误,估计是因为JavaScript遇到/script就以为脚本结束了。

在这种情况下,正常的脚本和嵌入的脚本的执行顺序就需要研究一下了。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

b.js:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

alert("5"); 

a.js:

alert("4");
document.write("script src=b.js/scr"+"ipt");
alert("6");

test.html:

script src=a.js/script
script
alert("1");
document.write("script src=b.js/scr"+"ipt");
document.write("scriptalert("3")/scr"+"ipt");
alert("2");
/script 

执行test.html,可以看到打印的顺序是:4,6,5,1,3,2,5

还可以做一些相关测试,得出的结论是:

1.同级的不同的代码块,代码块间的执行顺序为从上到下;

2.在代码中嵌入代码的情况下,先执行上层代码块,再执行子代码块;代码中嵌入代码是指一个文件引入另一个文件,而不是指所有的通过document.write形式打出的代码。

展开更多 50%)
分享

猜你喜欢

你是否理解JavaScript的执行顺序?

Web开发
你是否理解JavaScript的执行顺序?

JavaScript事件的理解

Web开发
JavaScript事件的理解

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

SQL Select语句完整的执行顺序

编程语言 网络编程
SQL Select语句完整的执行顺序

理解JavaScript中的事件

Web开发
理解JavaScript中的事件

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript程序的执行效率问题

Web开发
javascript程序的执行效率问题

AJAX javascript的跨域访问执行

Web开发
AJAX javascript的跨域访问执行

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

妙用phpMyBackupPro备份恢复Mysql数据库

妙用phpMyBackupPro备份恢复Mysql数据库

Excel的info函数

Excel的info函数
下拉加载更多内容 ↓