`
gcq04552015
  • 浏览: 462048 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js兼容不通浏览器问题

 
阅读更多


以下代码在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和js的浏览器兼容问题汇总

    本文主要探讨CSS和JavaScript在IE(Internet Explorer)和其他非IE内核浏览器如Firefox、Chrome、Opera中的兼容性问题。 首先,IE浏览器虽然市场份额较大,但其各个版本(如IE6、IE7、IE8)对CSS和JavaScript的支持...

    js浏览器兼容问题的大全

    在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...

    javascript解决浏览器兼容性问题

    ### JavaScript 解决浏览器兼容性问题 #### 一、引言 在前端开发中,浏览器兼容性问题一直是开发者面临的重要挑战之一。随着不同浏览器版本的更新迭代,如何确保Web应用能够在各种浏览器环境中正常运行成为了关键...

    兼容多浏览器js 日历控件大全

    在早期的Web开发中,由于浏览器之间的兼容性问题,尤其是IE与其他浏览器(如Firefox、Chrome、Safari)之间的差异,实现跨浏览器的JS功能是一项艰巨的任务。日历控件作为一项复杂的交互组件,其兼容性尤为重要。以下...

    js简单幻灯片 javascript简单幻灯片 兼容浏览器

    综上所述,创建一个兼容浏览器的JavaScript幻灯片涉及的知识点广泛,包括DOM操作、事件处理、CSS样式控制、浏览器兼容性处理以及性能优化等。通过这些技术,我们可以为用户提供一个既美观又实用的网页幻灯片展示效果...

    JS播放声音 兼容所有浏览器

    要实现JS播放声音并且兼容所有主流浏览器,我们需要了解一些关键的技术和策略。以下是一些核心知识点: 1. **Audio API**: HTML5引入了`Audio`对象,这是JavaScript播放声音的基础。它允许开发者创建一个音频实例,...

    兼容各浏览器的日期js控件

    兼容各浏览器的日期控件

    javascript解决innerText浏览器兼容问题思路代码.docx

    ### JavaScript 解决 `innerText` 浏览器兼容性问题 #### 背景介绍 在 Web 开发过程中,经常会遇到需要获取或修改 HTML 元素内部文本的需求。JavaScript 提供了多种方法来实现这一功能,其中较为常用的是 `...

    js兼容多浏览器统计图代码

    JavaScript库如Chart.js、D3.js等利用canvas元素,可以创建各种统计图表,且兼容现代浏览器。canvas是基于像素的,所以不适合大量数据或需要高精度的矢量图形。 6. **js+vml+svg**: VML和SVG(Scalable Vector ...

    .net模拟多选框兼容多种浏览器

    这些文件将展示如何用.NET技术构建一个跨浏览器兼容的复选框模拟器,包括可能的JavaScript库(如jQuery)来处理事件和DOM操作,CSS样式表来控制外观,以及.NET服务器端代码来处理数据和业务逻辑。 总结来说,这段...

    Video播放器兼容各大浏览器

    在开发Web应用时,视频播放器的兼容性问题是一个关键考虑因素。"Video播放器兼容各大浏览器"这个主题涉及到如何确保HTML5 Video元素在不同浏览器上展现一致的外观和功能,以提供无缝的用户体验。以下是一些核心知识...

    兼容各浏览器的JS点击复制2018年

    "兼容各浏览器的JS点击复制2018年"这个主题涉及到的是如何使用JavaScript实现一个功能,使得用户可以通过点击操作来复制文本,同时确保这个功能在不同浏览器上都能正常工作。这一技术在网页应用中非常常见,例如复制...

    开源Tree树状菜单HTML+Javascript兼容各浏览器

    本资源"开源Tree树状菜单HTML+Javascript兼容各浏览器"提供了一个解决方案,它利用HTML和JavaScript技术构建了一个在不同浏览器间具有良好兼容性的树状菜单,包括Internet Explorer(IE)和Firefox。 首先,让我们...

    JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器.docx

    在实现 JavaScript 操作键盘的 Enter 事件时,需要考虑多浏览器的兼容性问题。不同的浏览器对键盘事件的处理方式不同,例如,IE 浏览器使用 window.event 对象,而 Mozilla 浏览器使用 event 对象。 为解决这个问题...

    漂亮且兼容主流浏览器的JS对话框

    标题中的"漂亮且兼容主流浏览器的JS对话框"所指的,是一种使用JavaScript实现的对话框组件,它不仅外观美观,而且能够在各种主流浏览器上正常运行,包括Chrome、Firefox、Safari、Edge以及旧版的Internet Explorer。...

    js日历控件兼容所有浏览器

    总的来说,My97 DatePicker是解决JavaScript日历控件跨浏览器兼容性问题的一个强大工具,通过其丰富的功能和广泛的浏览器支持,可以在多种环境中提供一致的用户体验。通过理解其使用方法和注意事项,开发者能够更...

    自定义滚动条(兼容所有浏览器)

    标题“自定义滚动条(兼容所有浏览器)”所提及的知识点,就是如何通过CSS和JavaScript技术来定制滚动条的外观和行为,同时确保其在各个主流浏览器中都能正常工作。 **1. CSS Scrollbar Customization** CSS3引入...

    webcamjs兼容多浏览器调用摄像头拍照上传,兼容H5和flash

    WebcamJS是一个强大的JavaScript库,专门设计用于在各种浏览器中实现摄像头拍照并上传的功能。它不仅支持HTML5的WebRTC接口,还通过Flash提供对老式浏览器的兼容性,包括Internet Explorer 8、9、10、11以及Edge。...

    js实现浏览器全屏兼容谷歌火狐等

    "js实现浏览器全屏兼容谷歌火狐等"这个主题就涉及到如何使用JavaScript来实现在不同浏览器上实现全屏功能,并确保与主流浏览器如Google Chrome和Mozilla Firefox等的兼容性。这里我们将详细讲解这一技术实现的原理和...

    【重要】js页面整体放大缩小兼容所有浏览器(ie及firefox等).html

    页面放大缩小代码,兼容所有浏览器,代码简单,易学易用。

Global site tag (gtag.js) - Google Analytics