1

我想使用 javascript 将我的小部件嵌入到任何网站。有我的嵌入代码的页面示例：

<!DOCTYPE html>
<html>
<head>
    <title>Main Frame</title>
    <script type="text/javascript" src="http://mydomain.com/loadScript.js"></script>
</head>
<body>
    <div>test block</div>
    <div id="widget"></div>
</body>
</html>

我域上的文件 loadScript.js 如下所示：

window.onload = function() {
    var container = document.getElementById('widget'),
    iframe = document.createElement('iframe'),
    src = 'http://mydomain.com/dummy.html';
    iframe.setAttribute('src', src);
    container.appendChild(iframe);
};

dummy.html 是嵌入的内容。例如：

<!DOCTYPE html>
<html>
<head></head>
<body>
dummy - text
</body>
</html>

在所有浏览器中都可以使用，除了 IE。在这里，一些重新加载页面开始递归更新。为了更好地说明，我制作了截屏视频： http: //screencast.com/t/QWKkqZU1y

页面第一次加载正确，重新加载后中断。清除缓存可解决此问题，但仅在重新加载之前。这不是每次都重复，但稳定。任何人都可以帮助我吗？

4

0 回答 0