使用Edge模式通知Internet Explorer以最高级别的可用模式显示内容

一、EasyUI$的window(‘open‘)在IE8下兼容性问题 

  今天在公司使用EasyUI的$(‘#win‘).window(‘open‘);方法打开一个window窗体时发现EaysUI的脚本在IE8下执行时出现不兼容的情况

HTML代码如下:

 1 <a href="javascript:void(0);" class="easyui-linkbutton" onclick="$(‘#batchImportUser‘).window(‘open‘)">批量导入用户</a>
 2
 3 <div id="batchImportUser" class="easyui-window" title="批量导入用户"
 4             style="width: 600px; height: 200px"
 5             data-options="iconCls:‘icon-save‘,modal:true,collapsible:false,minimizable:false,closed:true">
 6             <div align="center">
 7                 请选择部门:<input id="orgId1" name="orgId1" class="easyui-combotree" style="width:150px;">
 8                 <input type="hidden" id="orgName1">&nbsp;&nbsp;是否覆盖:<input type="checkbox" id="override" name="override"><br/>
 9                 批量导入用户:<input width="0px" type="file" id="importUser" name="importUser">
10                 <input type="button" value="导入" onclick="ajaxFileUpload()">
11             </div>
12 </div>

  点击按钮后会执行"$(‘#batchImportUser‘).window(‘open‘)"这段代码打开easyui-window,在IE8浏览器打开的窗体如下图所示:

  

而在火狐和google下打开的window窗体是可以正常显示,如下图所示:

  

  郁闷啊,在IE8下居然是这样的效果,查了一下原因,原来是IE8解析页面的HTML内容和执行JavaScript脚本时使用了去解析了

  

  改成用模式去解析就可以正常打开了

二、解决办法

  找出了问题所在,下面记录一下解决的办法,在页面的head标签里面加上下面的一段代码:

1 <head>
2     <meta http-equiv="X-UA-Compatible" content="IE=edge" >
3 </head>

  这段代码的意思是"使用Edge模式,通知InternetExplorer浏览器以最高级别的可用模式显示内容",这样在IE8下就会模式去解析HTML和执行JavaScript脚本了,这样就可以正常打开window窗体了,如下图所示:

  

  有时候这种浏览器解析模式真的是很坑人的,老是以为是自己的代码写得有问题,但其实却是浏览器的解析模式造成的,这些小细节的东西还是得记录一下,以后再遇到类似的情况就可以知道如何去解决了!

使用Edge模式通知Internet Explorer以最高级别的可用模式显示内容

时间: 2024-10-08 15:20:30

使用Edge模式通知Internet Explorer以最高级别的可用模式显示内容的相关文章

Internet Explorer 11 Enterprise Mode 详解

白驹过隙,已经三月未能及时更新博文,今天为大家分享有关IE 11 Enterprise Mode(企业模式)两个章节内容,之前看到好多群里讨论有关IE11企业模式的问题,这里简单做一下汇总,第一章为IE11企业模式详解,第二章为企业模式排错,希望对大家理解IE 11 Enterprise Mode的含义及企业批量开启及排错有帮助,谢谢. 一.IE 11企业模式简介: 企业模式是可以在 Windows 8.1 更新和 Windows 7 设备的 Internet Explorer 11 上运行的一

如何使用BHO定制你的Internet Explorer浏览器

一.简介 有时,你可能需要一个定制版本的浏览器.在这种情况下,你可以自由地把一些新颖但又不标准的特征增加到一个浏览器上.结果,你最终有的只是一个新但不标准的浏览器.Web浏览器控件只是浏览器的分析引擎.这意味着仍然存在若干的与用户接口相关的工作等待你做――增加一个地址栏,工具栏,历史记录,状态栏,频道栏和收藏夹等.如此,要产生一个定制的浏览器,你可以进行两种类型的编程――一种象微软把Web浏览器控件转变成一个功能齐全的浏览器如Internet Explorer:一种是在现有的基础上加一些新的功能

Native JavaScript Development after Internet Explorer

This article has nothing to do with the decision whether or not to abandon support for oldIE. You and you alone must take that decision based on the specific details of your website or application. With all this being said, let us proceed! 1. JavaScr

编写IE插件的框架Add-in Express for Internet Explorer and .net 下载及使用方法

原文来自龙博方案网http://www.fanganwang.com/product/1362转载请注明出处 Add-in Express for Internet Explore 是第一个适用于开发 IE 附件的可视化工具. 它完全支持IE 扩展 API控件,并且使得 add-on 开发和配置更方便. 可视化设计: 你只需要写功能代码Add-in Express 完全基于 Rapid Application Development 方法,并且使得你可以通过一些点击来开发专业的 Internet

A problem displaying [localhost] caused Internet Explorer to refresh the webpage using Compatibility

问题: 上周使用JQuery UI 的Dialog 实现弹出对话框后查询的功能,抛了如下错误: "A problem displaying [localhost] caused Internet Explorer to refresh the webpage using Compatibility View." 我用的IE8,FF,chrome测试的,只有IE8抛出这个问题. IE自动切换到Compatibility View 模式.弹出对话框后,无法操作,总会自动刷新页面. 解决过程

企业IT管理员IE11升级指南【11】—— 通过SCCM 2012和WSUS部署Internet Explorer 11

企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flash的支持 [3]—— IE11 新的GPO设置 [4]—— IE企业模式介绍 [5]—— 不跟踪(DNT)例外 [6]—— Internet Explorer 11面向IT专业人员的常见问题 [7]—— Win7和Win8.1上的IE11功能对比 [8]—— Win7 IE8和Win7 IE11对比

Internet Explorer从2015年一月开始,将推行新的安全策略,IE插件很可能将受巨大影响

Internet Explorer will be rolling out a series of changes starting in January to ensure that browser add-ons (such as toolbars and plug-ins) are in-line with Microsoft's definitions of acceptable use which includes 从1月份开始,IE将推出一系列变化,以确保浏览器add-on(比如工具

Internet Explorer 11 Enterprise Mode 排错

在开始本章内容之前,先探讨一下以下几种场景:企业客户端由Vista\xp升级到Windows 7.8.8.1.10后:企业Windows 7客户端补丁更新或Windows 8.1 更新:个人用户补丁自动更新设置:杀软等安全产品等自动更新补丁操作:新的Web应用.老版本的OA.ERP.CRM.财务.地税等等软件:企业内部多个浏览器等等- 许多客户识别的Web应用程序的兼容性作为一个显著的成本提升,因为Web应用需要采用新的浏览器之前进行测试和升级.通过企业模式提供改进的兼容性能帮助给客户信心IE升

Internet Explorer研究1-5章节

一.About Browser Extensions关于浏览器扩展 Browser extensions allow developers to provide easy access to their browser enhancements by adding elements (like an Explorer Bar) to the default user interface. This enables developers to create Explorer Bars and ad