靜態腳本標記中的跨瀏覽器onload事件

Question

是否有跨瀏覽器的方式將onload事件與靜態腳本標記關聯在一個html文檔中？

下不會在IE 7和IE 8的工作：

<script onload="DoThat" type="text/javascript" src="..."></script> 

一些背景

我已經找到一種方法與動態腳本標記和if語句來做到這一點。例如在this MSDN article中解釋。

我的問題是，我需要找到當前的腳本標記，因爲我正在構建在原地插入DOM元素的小部件。在過去的I have found some workarounds to do this，但他們都有其不利因素。我希望在腳本onload事件上使用「this」關鍵字會有所幫助。

Answer 1

據我所知，你需要你的代碼來知道它屬於哪個腳本元素。然後，您將在此腳本旁邊插入必要的HTML小部件內容，或者附加到腳本父級等。如果是這樣，那麼我會爲您提供另一種方法。

裏面你部件JavaScript文件放置下一行代碼：

var scripts = document.getElementsByTagName('script'), 
    thisScript = scripts[scripts.length - 1]; 

thisScript是你正在尋找，當前腳本元素的代碼位於的DOM元素。很簡單。

它爲什麼有效。 詳細說明http://feather.elektrum.org/book/src.html。只是一個摘要：

當帶有src的腳本加載到頁面中時，頁面的其餘部分尚未寫入。這意味着無論頁面包含多少個腳本，當前開始執行的腳本都是最後一個腳本

這是相當簡單和有效的技術，但並不是很多人知道這種可能性。它的可靠性和100％的瀏覽器兼容。順便說一句，谷歌使用此代碼來呈現+1按鈕：

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"> 
    {lang: 'dk'} 
</script> 

那麼如何看待api腳本如何獲得這個散列參數呢？在我的例子中，它將是thisScript.innerHTML

Answer 2

我不知道我是否抓住了您的需求。
反正來定位當前的腳本，你可以嘗試這個例子

<script src="jquery-1.7.1.min.js" varTest="valueTest" id="myID"></script> 
<script> 

var scripts = document.getElementsByTagName('script');  
var pattern = 'jquery-1.7.1.min.js'; 
var i = undefined; 

for (var x=0; x<scripts.length; x++) 
{ 
    if (scripts[x].src.match(pattern)) { i = x; break; } 
} 

if (typeof(i) != 'undefined') 
{ 
    // Do any association needed here 
    var current_script = scripts[i]; 
    // Just for test    
    console.log(current_script.attributes); 
} 

</script>