一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JavaScript 全面解析各種瀏覽器網頁中的JS 執行順序

我們知道JavaScript是一種解釋型語言,他的執行是自上而下,但是各個瀏覽器對于至上而下的理解是有細微差別的,而代碼的上下游也就是程序流又對于程序正確至關重要,所以我覺得有必要深入理解多個js塊兒的執行順序。
首先得知道有多少方法能把JavaScript加入到頁面中呢?常見下述的前2種,其實還有更多。
1.頁面中直接引入外部js文件:<script src="my.js"></script>
2.頁面中直接寫如js片段<script>alert(1)</script>
3.在js中引入js文件document.write("<scr"+"ipt src='my.js'></scr"+"ipt>");
注意:這時候"..</script>"必須拆成"</scr"+"ipt>",否則瀏覽器可能會把父js片段關閉掉,出錯;
4.同樣在js中引用其他js片段,document.write("<scr"+"ipt>alert(1)</scr"+"ipt>");
你可能覺得這個并沒有必要,既然已經在script中了還套一層干嘛?呵呵,怎么說也是一種寫法,而且它具有其特殊的行為,稍后我們討論到。
5.使用Ajax中的xmlHttpRequest結合eval()來引入js,我最早在Dojo的代碼見到,寫的詳細些:
var ajaxRequest = getXmlHttpRequest()//省去各個瀏覽器得到xmlHttpRequest的部門
ajaxRequest.open("GET","my.js",false);//使用xmlHttpRequest對象Get方法的同步調用
ajaxRequest.send(null);
sJsFragment = ajax.responseText;//得到字符串為js片段
eval(sJsFragment);//執行js片段
注意:這里要求my.js即后來的sJsFragment內容得是非常規范的js,切沒有//開頭的注釋,怎樣檢查js是否規范呢?去http://jslint.com/
6.無所不能的Dom方法,這個我最早在Yahoo的前端代碼中見到,非常厲害,也寫的詳細些:
var oScript = document.createElement("script");//創建一個Script元素
oScript.src = "my.js";//制定src屬性
document.getElementsByTagName("head")[0].appendChild(oScript);
說明:my.js的內容會在oScript加入到文檔中之后獲得并執行。仔細看下這段容易發現這個調用是異步的,可以在文檔載入之后通過事件觸發,我用它變通了一下,作為了xmlHttpRequest的Get方法在跨域取數時的替代,獲得了很完美的效果,以后有機會專門寫篇文。
六種不少吧,可能還會有吧,而且這幾種之間還可能相互嵌套,變化無常。
其中1、2、4、6種方式引入的JavaScript的執行順序是非常自然的,隨著頁面的載入以及后續的事件觸發,它們遵守先來后到、而其內部自上而下。
我們主要關注的是第3、4種引入js方法帶來的問題(轉帖請注明出處:http://blog.csdn.NET/lenel)

JavaScript技術JavaScript 全面解析各種瀏覽器網頁中的JS 執行順序,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 99xxoo视频在线永久免费观看 | 日本一区二区三区在线 视频观看免费 | 热伊人99re久久精品最新地 | 亚洲一区精品中文字幕 | 国产免费小视频 | 国内第一永久免费福利视频 | 午夜免费大片 | 福利视频一区二区三区 | 国产一区二区三区高清 | 国产精品免费一区二区三区 | 97午夜| 五月婷婷激情综合 | 国产第一页精品 | 激情综合婷婷丁香六月花 | 激情视频激情小说 | 午夜看毛片| 精品久久久久久久久久中文字幕 | 国产欧美日韩综合精品一区二区三区 | 亚洲国产成人欧美激情 | 1区2区3区4区产品乱码入口 | 欧美成人精品三级网站 | 欧美成人第一页 | 国产一二三在线观看 | 亚洲人成网77777亚洲 | 婷婷在线观看视频 | 亚洲一区二区三区网站 | 四虎精品影视 | 91免费资源网站入口 | 91成年人 | 国产激情视频网站 | 国产网红 | 2021久久精品国产99国产精品 | 亚洲视频综合 | 国产在线观看第一页 | 欧美精品国产第一区二区 | 日韩欧美一区黑人vs日本人 | 欧美日日 | 一区二区不卡视频 | 色狠狠一区二区三区香蕉蜜桃 | 四虎4hu永久免费 | 老司机日日摸夜夜摸精品影院 |