测试当前IE浏览器文档模型版本的js代码(使用documenMode)

最新推荐文章于 2024-07-24 11:09:48 发布
最新推荐文章于 2024-07-24 11:09:48 发布
阅读量89 收藏
点赞数
文章标签： javascript ViewUI

除了按F12进入开发人员工具来查看当前页面的浏览器模式和文档模式以外, 还可以通过js来查看当前页面使用的文档模式, 主要就是用文档兼容性模式属性(documenMode)来判断.

代码如下:

    <html>
      <head>
        <title>my documentmode version is </title>
        <META http-equiv="X-UA-Compatible" content="IE=7" > </META>
            <script language="javascript">
                function Demo() {                     
                      alert(document.title + " " + document.documentMode);
                }
            </script> 
       </head>
      <BODY οnlοad="Demo()">    
      </BODY>
    </html>

为了模拟不同的ie版本, 在title下面添加<META http-equiv="X-UA-Compatible" content="IE=7" > </META>,  须放在紧挨着title下面的一行.

当设置IE=7时, documentMode=7; 如果IE=8, documentMode=8; 如果是IE9, 则documentMode=9

如果当前机器上安装的是ie9, 即使你把它改为IE=10, documentMode也还是等于9; 如果设置IE=5或者IE=6, 则documentMode始终等于5, 也就是怪异Quirks模式.


参考文档: 

1.documentMode property

http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx

2.Document documentMode Property

http://www.w3schools.com/jsref/prop_doc_documentmode.asp

3.IE的documentMode属性

http://www.css88.com/archives/4768

 

b10l07
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js判断IE浏览器版本过低示例代码
10-26
弄了个很简单的例子判断IE浏览器版本是否过低，注意在IE6和IE7版本较低情况下下才看到它的提示效果，需要的朋友可以收藏下
js判断当前浏览器类型,判断IE浏览器方法
12-12
判断IE浏览器最短方法：var isIE = !-[1,] 原理：[1,]在标准浏览器中返回”1″，相当于调用[1,].toString()，在IE中返回”1,”在这个时候对返回值使用负号强制转换为数字时，标准浏览器返回1，IE则返回NaN，再对1和...
JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
No8g攻城狮的博客
04-02 7065
1、概念： Document Object Model 文档对象模型：将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD（增删改查）的动态操作。 通过 HTML DOM（如图所示），可访问 JavaScript HTML 文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被...
compatMode与documentMode呈现模式
thando
01-09 468
随着IE开始区分标准模式和混杂模式，确定浏览器处于何种模式的需求也就应运而生。IE为document对象添加了一个名为compatMode属性，这个属性的唯一使命就是表示浏览器处于什么模式。如下面的例子所示，如果是标准模式，则document.compatMode的值等于”CSS1Compat“，如果是混杂模式，则document.compatMode的值等于”BackCompat“。 if (
document.documentMode浅谈一下
Focus-Fe
03-22 546
documentMode属性   1、定义和用法：   The documentMode property returns the mode used by the browsers to render the current document.   documentMode属性返回浏览器渲染当前文档所用的模式。   IE8 can render a page in differe...
Js判断ie浏览器版本
Lu1030017255的博客
09-03 1515
//判断ie11的方法 function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器 var i
documentMode(For IE)属性
weixin_30423977的博客
08-15 298
从IE8开始，IE为JS新增了一个文档兼容性模式属性documentMode。 浏览器 document.documentMode值 IE6 undefined IE7 undefined IE8 8 IE8兼容模式 7 IE9 9 IE9兼容模式 7|8 IE10 10 IE10兼容模式...
ie浏览器使用js导出网页到excel并打印
12-09
这段代码展示了如何在IE浏览器中使用JavaScript实现网页内容导出到Excel以及打印的功能。这是一个简单的HTML页面，包含了一个表格，用于展示用户信息（在这个例子中是姓名“张三”），以及两个按钮——“导出”和...
谷歌浏览器js打开IE浏览器.rar
10-26
本示例“谷歌浏览器js打开IE浏览器.rar”提供了一个解决方案，它允许用户在谷歌浏览器（Chrome）中通过JavaScript代码启动IE浏览器。这主要适用于那些需要在现代浏览器环境下触发旧版IE兼容模式的场景。 JavaScript...
document.documentMode的值
闲谈
11-10 652
除ie8以外的任何浏览器上返回的值是undefined.   ie8上面如果页面没有标准头的话，返回值为5。   ie8上面如果页面有标准头的话：   将返回7或者8，确定使用的是ie7渲染模式或者是ie8渲染模式。      ...
JS获取IE版本号与HTML设置IE文档模式的方法
11-30
JavaScript获取IE版本代码： var gIE = getIE(); alert(gIE.version) function getIE() { var rmsie = /(msie) ([\w.]+)/; var ua = navigator.userAgent.toLowerCase(); var match = rmsie.exec(ua) var result = {}; if (match && match.length > 0) { result = { browser: ma
js Document 对象属性和方法
Mybells
06-20 9707
document.writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。 document.scripts 返回页面中所有脚本的集合。 document.title 返回当前文档的标题。 document.URL 返回文档完整的URL document.referrer 返回载入当前文档的文档的 URL。 document.querySelector() 返回文档...
<JavaScript>“浏览器模式”和“文档模式”之间的区别
09-06 121
只有IE浏览器中才会有“浏览器模式”和“文档模式”，兼容性视图涉及两个重要的功能便是“浏览器模式【browser mode】”和“文档模式【document mode】”，在IE8/IE9中按F12键，打开“开发人员工具”，在菜单栏中可以看到“浏览器模式”和“文档模式”的切换菜单，其中可以选择切换到IE7/8等不同的网页模式。这个设置之后在js中可以通过navigator.userAge...
js获取ie版本号与html设置ie文档模式的方法
鑫鑫的博客
10-23 2475
支持原创：https://www.jb51.net/article/94316.htm 1*JavaScript获取ie版本代码： var gIE = getIE();     alert(gIE.version)     function getIE() {       var rmsie = /(msie) ([\w.]+)/;       var ua = navigator.u...
Next.js静态导出与动态路由优化
天涯学馆
07-20 1053
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 415
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 851
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 1003
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
VUE中的重点*
qq_61132537的博客
07-22 906
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
js判断ie浏览器版本号
08-17
你可以使用以下代码来判断IE浏览器的版本号： ```javascript // 获取IE浏览器的版本号 function getIEVersion() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0) { // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值