在window.onload后添加脚本src

Adding script src after window.onload

本文关键字：脚本 src 添加 window onload      更新时间：2023-09-26

我试图在正文加载后添加这个社交小部件。

我第一次尝试做的是:

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);

这也不起作用。你知道我在这里错过了什么吗?

使用jQuery getScript方法，例如:

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

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');

你真的应该尝试跨浏览器的东西，因为你试图异步加载脚本，我强烈推荐Require.js。
可以独立使用，也可以与jQuery或Dojo等库一起使用。

相关文章：