Question

我想使用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

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

通过javascript从外部主机加载iframe

0 个答案: