以下代码在IE8下运行通过,在IE9中出错:
document.createElement('<iframe id="yui-history-iframe" src="http://images.cnblogs.com/defaults/transparent-pixel.gif" style="position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"></iframe>');
错误提示:exception : SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
思路分析:
第一步:兼容IE9,firefox,Opera,Safari等浏览器;
var iframe = document.createElement("iframe");
iframe.setAttribute("id", "yui-history-iframe");
iframe.setAttribute("src", "http://images.cnblogs.com/defaults/transparent-pixel.gif");
iframe.setAttribute("style","position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;");
第二步:兼容IE6-8:由于ie6-8 不能修改iframe的name属性
var oFrame = isIE ? document.createElement("<iframe name=/"" + this._FrameName + "/">") : document.createElement("iframe");
oFrame.name = "iframName";
综合解决办法:
var isIE = (document.all) ? true : false;//这里仅仅简单的对是否是IE进行判断,详细浏览器判断:请参考浏览器类型侦测
var ua = navigator.userAgent.toLowerCase().match(/msie ([/d.]+)/)[1];
if (ua == "9.0") {
isIE = false;
}
var oFrame = isIE ? document.createElement("<iframe name=/"" + this._FrameName + "/">") : document.createElement("iframe");
oFrame.name = "iframName";
分享到:
相关推荐
本文主要探讨CSS和JavaScript在IE(Internet Explorer)和其他非IE内核浏览器如Firefox、Chrome、Opera中的兼容性问题。 首先,IE浏览器虽然市场份额较大,但其各个版本(如IE6、IE7、IE8)对CSS和JavaScript的支持...
在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...
### JavaScript 解决浏览器兼容性问题 #### 一、引言 在前端开发中,浏览器兼容性问题一直是开发者面临的重要挑战之一。随着不同浏览器版本的更新迭代,如何确保Web应用能够在各种浏览器环境中正常运行成为了关键...
在早期的Web开发中,由于浏览器之间的兼容性问题,尤其是IE与其他浏览器(如Firefox、Chrome、Safari)之间的差异,实现跨浏览器的JS功能是一项艰巨的任务。日历控件作为一项复杂的交互组件,其兼容性尤为重要。以下...
综上所述,创建一个兼容浏览器的JavaScript幻灯片涉及的知识点广泛,包括DOM操作、事件处理、CSS样式控制、浏览器兼容性处理以及性能优化等。通过这些技术,我们可以为用户提供一个既美观又实用的网页幻灯片展示效果...
要实现JS播放声音并且兼容所有主流浏览器,我们需要了解一些关键的技术和策略。以下是一些核心知识点: 1. **Audio API**: HTML5引入了`Audio`对象,这是JavaScript播放声音的基础。它允许开发者创建一个音频实例,...
兼容各浏览器的日期控件
### JavaScript 解决 `innerText` 浏览器兼容性问题 #### 背景介绍 在 Web 开发过程中,经常会遇到需要获取或修改 HTML 元素内部文本的需求。JavaScript 提供了多种方法来实现这一功能,其中较为常用的是 `...
JavaScript库如Chart.js、D3.js等利用canvas元素,可以创建各种统计图表,且兼容现代浏览器。canvas是基于像素的,所以不适合大量数据或需要高精度的矢量图形。 6. **js+vml+svg**: VML和SVG(Scalable Vector ...
这些文件将展示如何用.NET技术构建一个跨浏览器兼容的复选框模拟器,包括可能的JavaScript库(如jQuery)来处理事件和DOM操作,CSS样式表来控制外观,以及.NET服务器端代码来处理数据和业务逻辑。 总结来说,这段...
在开发Web应用时,视频播放器的兼容性问题是一个关键考虑因素。"Video播放器兼容各大浏览器"这个主题涉及到如何确保HTML5 Video元素在不同浏览器上展现一致的外观和功能,以提供无缝的用户体验。以下是一些核心知识...
"兼容各浏览器的JS点击复制2018年"这个主题涉及到的是如何使用JavaScript实现一个功能,使得用户可以通过点击操作来复制文本,同时确保这个功能在不同浏览器上都能正常工作。这一技术在网页应用中非常常见,例如复制...
本资源"开源Tree树状菜单HTML+Javascript兼容各浏览器"提供了一个解决方案,它利用HTML和JavaScript技术构建了一个在不同浏览器间具有良好兼容性的树状菜单,包括Internet Explorer(IE)和Firefox。 首先,让我们...
在实现 JavaScript 操作键盘的 Enter 事件时,需要考虑多浏览器的兼容性问题。不同的浏览器对键盘事件的处理方式不同,例如,IE 浏览器使用 window.event 对象,而 Mozilla 浏览器使用 event 对象。 为解决这个问题...
标题中的"漂亮且兼容主流浏览器的JS对话框"所指的,是一种使用JavaScript实现的对话框组件,它不仅外观美观,而且能够在各种主流浏览器上正常运行,包括Chrome、Firefox、Safari、Edge以及旧版的Internet Explorer。...
总的来说,My97 DatePicker是解决JavaScript日历控件跨浏览器兼容性问题的一个强大工具,通过其丰富的功能和广泛的浏览器支持,可以在多种环境中提供一致的用户体验。通过理解其使用方法和注意事项,开发者能够更...
标题“自定义滚动条(兼容所有浏览器)”所提及的知识点,就是如何通过CSS和JavaScript技术来定制滚动条的外观和行为,同时确保其在各个主流浏览器中都能正常工作。 **1. CSS Scrollbar Customization** CSS3引入...
WebcamJS是一个强大的JavaScript库,专门设计用于在各种浏览器中实现摄像头拍照并上传的功能。它不仅支持HTML5的WebRTC接口,还通过Flash提供对老式浏览器的兼容性,包括Internet Explorer 8、9、10、11以及Edge。...
"js实现浏览器全屏兼容谷歌火狐等"这个主题就涉及到如何使用JavaScript来实现在不同浏览器上实现全屏功能,并确保与主流浏览器如Google Chrome和Mozilla Firefox等的兼容性。这里我们将详细讲解这一技术实现的原理和...
页面放大缩小代码,兼容所有浏览器,代码简单,易学易用。