堆棧內存溢出
  簡體   English   中英

如何判斷一個<script> tag failed to load

[英]How to tell if a <script> tag failed to load

 原文  2009-02-11 20:57:51  5   16    javascript/ onerror/ script-tag

問題描述

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

16 個解決方案

解決方案1
 38  2009-02-11 21:12:22

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案2
 24  2010-11-12 10:08:16

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案3
 22  2017-06-02 09:45:32

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案4
 21  2013-05-11 13:15:48

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案5
 17  2011-08-04 20:26:14

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案6
 10  2009-02-11 21:13:42

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案7
 7  2013-01-31 21:38:15

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案8
 5  2013-01-12 17:53:22

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案9
 4  2013-10-14 03:24:03

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案10
 3  2018-07-30 09:24:36

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案11
 2  2019-04-23 20:30:02

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案12
 1  

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案13
 1  2020-09-18 17:05:53

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案14
 0  2010-01-28 23:24:41

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案15
 0  2010-02-17 21:00:34

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

解決方案16
 0  2018-12-23 17:25:05

我正在將<script>標記動態添加到頁面的<head> ，並且我想知道加載是否以某種方式失敗-404，加載的腳本中的腳本錯誤等。

在Firefox中，這有效：

var script_tag = document.createElement('script');
script_tag.setAttribute('type', 'text/javascript');
script_tag.setAttribute('src', 'http://fail.org/nonexistant.js');
script_tag.onerror = function() { alert("Loading failed!"); }
document.getElementsByTagName('head')[0].appendChild(script_tag);

但是，這在IE或Safari中不起作用。

有誰知道在Firefox以外的瀏覽器中實現此目的的方法嗎？

（我認為不需要在.js文件中放置特殊代碼的解決方案是一個很好的解決方案。它既笨拙又不靈活。）

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何使用javascript動態添加腳本標簽並檢測腳本是否無法加載文件？ 我如何分辨動態插入<script> tag to… run 如何加載沒有腳本標記的Javascript文件？ 如何在 Helmet 標簽 gastby 中加載腳本文件 如何從腳本標記加載錯誤跟蹤器？ 如何通過腳本標簽加載REST調用 如何保證<script> tag successfully load Javascript? 如何測試腳本加載成功/失敗？ 如何將腳本標簽加載為 DOM 元素並像放置在頭標簽中一樣運行 如何在script標簽之間使用json動態加載js腳本？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM