js动态生成iframe,并操作iframe中的window对象
时间: 2024-11-12 16:13:52 浏览: 5
动态创建iframe,并动态添加js执行代码
5星 · 资源好评率100%
在JavaScript中,可以动态地创建IFrame元素并插入到页面中,然后通过修改其属性或内容来控制嵌套窗口的行为。下面是一个简单的例子:
```javascript
// 创建一个新的IFrame元素
var iframe = document.createElement('iframe');
iframe.src = "http://example.com"; // 设置src属性为你想加载的URL
// 可选设置其他属性,比如宽度、高度等
iframe.width = '400'; // 宽度
iframe.height = '300'; // 高度
// 将IFrame添加到页面上
document.body.appendChild(iframe);
// 获取iframe内的window对象,通常我们称之为`ifrWindow`
var ifrWindow = iframe.contentWindow;
// 现在你可以像操作普通窗口一样操作ifrWindow
ifrWindow.document.title = '新的标题'; // 修改文档标题
ifrWindow.alert('这是来自嵌入框架的消息'); // 弹出警告框
// 关于操作window对象的相关内容,例如:
// - 调整滚动位置: ifrWindow.scrollTo(x, y);
// - 发送消息给主页面: ifrWindow.postMessage(message, '*');
阅读全文