在window.onload之後添加腳本src

我試圖在正文加載後添加此社交小部件。在window.onload之後添加腳本src

我第一次嘗試這樣做：

var stumble = '<script src="' + 'http://www.stumbleupon.com/hostedbadge.php?s=1' + '">  <\/script>'; 
$('#social-widget').append(stumble);

但是這顯然沒有工作，所以我嘗試：

var stumble = document.createElement('script'); 
stumble.src = 'http://www.stumbleupon.com/hostedbadge.php?s=1'; 
$('#social-widget').append(stumble);

其中也沒有工作。任何想法，我在這裏失蹤？

來源

2011-11-18 bob_cobb

可能重複[以編程方式添加JavaScript]（http://stackoverflow.com/questions/8187413/add-javascript-programmatically） –

@Diodeus嘗試該方法（分解腳本標記，使解析器不會承認他們），但它沒有奏效。 –

的stumbleupon.com/hostedbadge.php?s=1腳本只呈現它被放置和文檔加載後不能工作的按鈕。

，而不是使用這個腳本：

1 /將此標記放到您想要的按鈕出現

$('#social-widget').append('<su:badge layout="5"></su:badge>');

2 /加載和執行腳本：中

jQuery.getScript('//platform.stumbleupon.com/1/widgets.js');

來源

2012-12-21 02:40:41

+1爲此舊線程添加新解決方案 –

你應該嘗試跨瀏覽器的東西，因爲你試圖異步加載腳本，我強烈推薦Require.js。
您可以使用獨立或旁邊的庫，如jQuery或Dojo。

來源

2011-11-18 21:18:03 alessioalex

使用jQuery的getScript方法如：

$.getScript('http://www.stumbleupon.com/hostedbadge.php?s=1');

來源

2011-11-18 21:18:38

如何在頁面加載後將按鈕插入DOM？ –

它不一定會在DOM中插入腳本，但它會加載並執行腳本，我推測這是你之後的腳本？你爲什麼要附加一個腳本標籤？ –

在window.onload之後添加腳本src

回答

相關問題