自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Javascript應(yīng)用-Js在頁面中被引入的幾種方法

開發(fā) 前端
javaScript是一種解釋型語言,它的執(zhí)行是自上而下,但是各個瀏覽器對于至上而下的理解是有細微差別的,而代碼的上下游也就是程序流又對于程序正確至關(guān)重要。

 首先得了解有幾種方法能把javaScript加入到頁面中? 常見下述的前2種,其實還有更多。

[[433600]]

1.頁面中直接引入外部js文件:

2.頁面中直接寫入 js片段:

3.在js中引入js文件(比較少用): document.write("");

注意:這時候".."必須拆成"",否則瀏覽器可能會把父js片段關(guān)閉掉,出錯;

4.同樣在js中引用其他js片段,document.write("");

你可能覺得這個并沒有必要,既然已經(jīng)在script中了還套一層干嘛?呵呵,怎么說也是一種寫法,而且它具有其特殊的行為,稍后我們討論到。

5.使用Ajax中的xmlHttpRequest結(jié)合eval()來引入js,我最早在Dojo的代碼見到,寫的詳細些:

 

  1. var ajaxRequest = getXmlHttpRequest()//省去各個瀏覽器得到xmlHttpRequest的部門  
  2. ajaxRequest.open("GET","my.js",false);//使用xmlHttpRequest對象Get方法的同步調(diào)用  
  3. ajaxRequest.send(null);  
  4. sJsFragment = ajax.responseText;//得到字符串為js片段  
  5. eval(sJsFragment);//執(zhí)行js片段 

 

注意:這里要求my.js即后來的sJsFragment內(nèi)容得是非常規(guī)范的js,且沒有//開頭的注釋,怎樣檢查js是否規(guī)范呢?去http://jslint.com/

6.無所不能的Dom方法,非常好用:

 

  1. var oScript = document.createElement("script");//創(chuàng)建一個Script元素 
  2. oScript.src = "my.js";//制定src屬性  
  3. document.getElementsByTagName("head")[0].appendChild(oScript); 

 

說明:my.js的內(nèi)容會在oScript加入到文檔中之后獲得并執(zhí)行。仔細看下這段容易發(fā)現(xiàn)這個調(diào)用是異步的,可以在文檔載入之后通過事件觸發(fā),我用它變通了一下,作為了xmlHttpRequest的Get方法在跨域取數(shù)時的替代,獲得了很完美的效果,以后有機會專門寫篇文。

六種不少吧,可能還會有吧,而且這幾種之間還可能相互嵌套,變化無常。

其中1、2、4、6種方式引入的javaScript的執(zhí)行順序是非常自然的,隨著頁面的載入以及后續(xù)的事件觸發(fā),它們遵守先來后到、而其內(nèi)部自上而下。

責(zé)任編輯:華軒 來源: 今日頭條
相關(guān)推薦

2010-06-03 08:55:43

LINQ

2020-08-24 08:05:47

JavaScriptJavaScript 頁面

2020-10-16 18:35:53

JavaScript字符串正則表達式

2018-02-08 09:04:58

Nginx404頁面方法

2009-09-04 11:20:47

ASP.NET頁面間值

2013-08-21 11:31:21

iPhone圖片方法

2009-09-18 12:29:55

2010-05-17 15:17:06

MySQL常用操作

2009-12-16 09:16:53

ASP.NET頁面間數(shù)

2020-01-10 16:23:44

Springboot停止服務(wù)Java

2021-02-26 13:20:48

Shell空行Linux

2009-09-09 11:24:46

PHP實現(xiàn)MVC

2009-08-31 09:19:31

c#隱藏窗口

2011-06-16 10:48:33

session

2010-04-30 16:22:07

Unix終端

2010-01-22 14:46:25

C++語言

2010-10-26 09:23:03

Web Service

2021-03-08 09:32:04

Python文件命令

2020-06-23 14:51:13

JavaScript字符字符串

2020-08-01 16:19:13

JavaScript字符串開發(fā)
點贊
收藏

51CTO技術(shù)棧公眾號