本文介绍在JavaScript中动态创建iframe的方法。现代浏览器如Chrome及IE9以上可直接使用createElement('iframe'),而针对IE低版本兼容性问题,提供了通过try-catch捕获错误或使用setAttribute设置src属性的兼容代码方案,确保跨浏览器环境下的稳定运行。
现代浏览器标准实现
对于IE9及以上版本的浏览器以及Chrome等现代浏览器,均支持标准的DOM操作方法。
var iframe = document.createElement('iframe');
iframe.src="https://www.jb51.net";
document.body.appendChild(iframe);
然而,为了兼顾浏览器的兼容性需求,可以采用以下代码实现。
IE低版本兼容处理方案
try{
var iframe = document.createElement('<iframe name="ifr"></iframe>');
}catch(e){
var iframe = document.createElement('iframe');
iframe.name = 'ifr';
}
或者使用另一种兼容写法:
if(ie && version < 9) {
var iframe = document.createElement('<iframe src="https://www.jb51.net"></iframe>');
} else {
var iframe = document.createElement('iframe');
iframe.setAttribute('src','https://www.jb51.net');
}