通過地址欄加載遠程JavaScript文件

Question

是否可以從地址欄加載遠程JavaScript文件？

我一直試圖把這個到地址欄：

javascript:src='http://depot.com/file.js';funcname(); 

我不使用這個壞事情。我只是測試我的網站，就這些。如果你想保護你的網站，你必須學會​​先攻擊它，對嗎？

Answer 1

我想你應該能夠做到以下幾點：

javascript:(function() { 
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'http://depot.com/file.js'; 
    document.getElementsByTagName('body')[0].appendChild(newScript); 
})(); 

這裏是一個非常有用的例子（粘貼在地址欄中）：

javascript:(function() { 
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'http://cornify.com/js/cornify.js'; 
    document.getElementsByTagName('body')[0].appendChild(newScript); 

    for (var i = 0; i < 5; i++) { 
    newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'http://cornify.com/js/cornify_run.js'; 
    document.getElementsByTagName('body')[0].appendChild(newScript); 
    } 
})(); 

瞧：

事實上，這是如何包括cornify.com將遠程腳本放入其小書籤中。

---

UPDATE：

由於@Ben noted in the other answer，它不是簡單的打電話給你的遠程腳本定義的函數。本提出瞭解決這個問題的一個解決方案，但也有另一個解決方案，即角質化正在使用的解決方案。如果您檢出http://cornify.com/js/cornify_run.js，您會看到該文件中只有一個函數調用。您可以將您的funcname()調用放置在單獨的JavaScript文件中，正如cornify所做的那樣，因爲腳本塊保證按照它們插入的順序執行。然後，你必須包括腳本，如下面的例子：

javascript:(function() { 
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'http://depot.com/file.js'; 
    document.getElementsByTagName('body')[0].appendChild(newScript); 

    newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'http://depot.com/file_run.js'; 
    document.getElementsByTagName('body')[0].appendChild(newScript); 
})(); 

凡file_run.js簡單地包括對funcname()通話。

Answer 2

沒有直接的方法來做到這一點，然而常見的黑客行爲是運行幾行JavaScript，將標籤插入當前頁面，並將其src屬性設置爲要運行的腳本的URL：

javascript:var s=document.createElement("script");s.src="http://depot.com/file.js";s.type="text/javascript";document.getElementsByTagName("body")[0].appendChild(s); 

如果你想運行在遠程文件（在你的問題啦funcname()）定義的函數，這是比較麻煩一些。這是因爲通過標籤加載腳本是異步運行的，所以文件很可能還沒有完成加載，立即將元素添加到DOM。我能想到的解決這個得到的唯一方法是你插入的元素，然後您可以在包含源文件的末尾調用之前定義的一些功能：

function doStuff() { 
    // run code that depends on the included JS file 
}; 
// include the external script, as per the snippet above 

你會那麼包括對doStuff通話在包含文件的末尾：

if(doStuff) doStuff(); 

最後的結果看起來是這樣的：

javascript:function doStuff(){funcname()};var s=document.createElement("script");s.src="http://depot.com/file.js";s.type="text/javascript";document.getElementsByTagName("body")[0].appendChild(s); 

Answer 3

不能直接回答，但仍然有幫助。

這裏是一個腳本在JavaScript文件加載書籤時：

javascript:var%20e=document.createElement('script');e.setAttribute('language','javascript');e.setAttribute('src','http://github.com/balupton/ajaxy-bookmark/raw/master/script.js');document.body.appendChild(e);void(0);