各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

Iframe易于嵌套及管理页面,但经常遇到跨域.父子页面访问问题,对于子页面访问父页面可以兼容性地通过window.Top或window.Parent或window.frameElement等操作,但对于标题中四个对象,一直没有完整测试过,故买个苦力,分享给大家. 结论: 1. 就浏览器而言(横向),IE8/IE9/360安全浏览器全部支持: 2. 就属性而言(纵向),contentWindow和frames所有浏览器都支持,其次是contentDocument,document支持性最差: 3…

[JavaScript]iframe的contentWindow

HTMLIFrameElement.contentWindow返回的是HTMLIFrameElement类型元素的window对象通过此对象可以修改iframe实体内的window行为 <iframe id="fr1" width="200" height="200" ></iframe> <script> var theDoc = document.getElementById('fr1').content…

BOM对象，math对象document对象的属性和操作和事件的基本操作

Math对象 //该对象中的属性方法和数学有关. abs(x) 返回数的绝对值. exp(x) 返回 e 的指数. floor(x) 对数进行下舍入. log(x) 返回数的自然对数(底为e). max(x,y) 返回 x 和 y 中的最高值. min(x,y) 返回 x 和 y 中的最低值. pow(x,y) 返回 x 的 y 次幂. random() 返回 0 ~ 1 之间的随机数. round(x) 把数四舍五入为最接近的整数. sin(x) 返回数的正弦. sqrt(x) 返回数的平方…

document对象常用属性

转载请注明来源:https://www.cnblogs.com/hookjc/ 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象"--------------------------------------------------------------------- 对象属性document.title //设置文档标题等价于HTML的<title>标签do…

使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色实现思路: 在页面的 <body> 节点下加入 <h2> 节点,在 <h2> 节点下加入文本节点,显示为:更改字体颜色和背景颜色在页面的 <body> 节点下加入 <select> 节点,设置 <select> 节点的 id 属性在 <select> 节点下加入多…

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

javascript获取iframe框架中,加载的页面document对象因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 } …

关于 contentWindow, contentDocument

没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者, 如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演. 生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来. contentWindow 兼容各个浏览器,可取得子窗口的 window 对象. contentDocument Firefox 支持,> ie8 的ie支持.可取得子窗口的 document 对象. 在子级ifra…

解决IE浏览器IFrame对象内存不释放问题

最近项目组发现在使用showModalDialog弹出窗体中如果包含IFrame对象,则IFrame对象占用的内存资源在窗体关闭后不会释放.弹出关闭反复多次后,IE浏览器内存占用可超过数百M,严重时IE浏览器报错,且无法关闭,只能通过杀进程的方式重启浏览器.经测试,使用open方式弹出也存在该问题. 在IE8浏览器中,open和showModalDialog弹出的内存占用有差异: open方式弹出的窗体占用的是一个独立的iexplorer.exe进程: showModalDialog方式弹出的窗…

chrome浏览器iframe兼容性问题，隐藏起来再显示滚动条消失？

前言:在调试页面时发现谷歌浏览器bug,版本: 58.0.3029.81 问题描述: 1. 页面中,选项卡里面是IFrame,页面初始显示时有纵向滚动条出现 2. 来回切换选项卡一次,原来选项卡页面的滚动条居然消失了!! 3. 奇怪的时,此时在选项卡页面内滑动鼠标滚轮,还是能够上下滚动页面的解决办法:在网上找了许多有关解决的方法,此方法如下: 1.应该从强制Chrome渲染入手,这次我们来改变高度.获得鼠标点击tab页签时触发改变函数:传递参数:当前iframe框架 iframeId 2:在当…

谷歌内核浏览器 iframe内容的 tab切换滚动条消失

问题: 新版本的-webkit- 内核浏览器在tab切换时,iframe 内容区丢失滚动条如下图 (虽然滚动条位置还在,可以垂直滚动,但滚动条不见了) 解决思路: 让iframe重新计算宽高,重新渲染 easyui的tab切换解决代码: $('#tabs').tabs({ // border:false, onSelect: function () { var iframe = $("#tabs>div:nth-child(2) iframe") iframe.height…

浏览器根对象document之字符串属性

1.1 停止使用的属性 fgColor.linkColor.vlinkColor.alinkColor.bgColor. 1.2 文档地址 document.URL 与documentURI属性返回同样的值.但是不像 URL,documentURI 适用于所有类型的文档. origin返回文档的来源.通常该属性与 document.defaultView.location.origin 相等. baseURI domain获取/设置当前文档的原始域部分, 用于同源策略.如果当前文档的域无法识别,…

JavaScript document和window属性及方法详解

[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR) cookie 存储于cookie.txt文件内的一段信息,它是该文档对…

document.readyState等属性，判断页面是否加载完

如何在页面加载完成后再去做某事?什么方法可以判断当前页面加载已完成?document.readyState 判断页面是否加载完成?javascript提供了document.readyState=="complete"方法来解决当前页面加载判断的问题. <script type="text/javascript"> function initView(){ if (document.readyState=="complete…

document.readyState等属性

document.readyState:判断文档是否加载完成.firefox不支持. 这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载. 1-LOADING:加载程序进行中,但文件尚未开始解析. 2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效. 3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的. 4-COMPLETED:文件已完全加载,代表加载成功. document.on…

javascript中document对象的属性和方法

document.documentElement; document.firstChild;document.childNodes[0];// 取得对<html>的引用document.body; // 取得对<body>的引用document.doctype; // 取得对<!DOCTYPE>的引用document.title;// 取得文档标题document.URL;// 取得完整的URLdocument.domain;// 取得域名document.referr…

document.location的属性

示例html完整路径为: http://10.10.3.117:8500/html/ypt/index.html alert("document.location.href:"+document.location.href); 描述:设置或返回主机名和当前URL 的端口号结果:http://10.10.3.117:8500/html/ypt/index.html alert("document.location.hash:"+document.location.h…

ie7/8浏览器报错：对象不支持“trim”属性或方法

解决方法: 方法1: 使用jquery里面的全局函数$.trim()代替原生js方法trim(): $.trim( 你要替换的字符 ); 方法2: Function.prototype.method = function (name, func) { this.prototype[name] = func; return this; }; if (!String.prototype.trim) { //判断下浏览器是否自带有trim()方法 String.method('trim', funct…

document对象和属性

文档对象:整个Html都属于document,他封装了大量的功能: docum的属性: document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 docu…

chorme浏览器不支持audio/video中的autoplay属性的解决方法

在chrome 浏览器中输入:chrome://flags 再搜索audio,找到Autoplay policy 再在右侧的选项中设置为 no user gesture is required 即可…

C++ CEF 浏览器中显示 Tooltip(标签中的 title 属性)

在 Windows 中将 CEF 集成到 C++ 客户端以后,默认是无法显示 tooltip 的,比如图片标签中的 title 属性. 实现的方式其实很简单,按下面的步骤操作就可以: 创建一个文本文件,文件名为 app.manifest,内容如下,将这个文件放到源代码文件夹 <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <assembly xmlns="…

怎样理解document的快捷方式属性

所谓 "快捷方式属性" , 也就是说它们不是必须的, 只是在操作dom时可以更为方便地获取. 主要有下面8个: 1. 获取当前文档所属的window对象: document.defaultView 2. 获取当前文档的文档类型: document.doctype 3. 获取当前文档的根元素节点, 一般为<html>: document.documentElement 4. 获取head元素节点: document.head 5. 获取body元素节点: document.b…

iframe双滚动栏解决方案 CSS3 overflow-y 属性

裁剪 div 元素中内容的左/右边缘 - 假设溢出元素的内容区域的话: div { overflow-y:hidden; } <!DOCTYPE html> <html> <head> <style> div { width:110px; height:110px; border:thin solid black; overflow-x:hidden; overflow-y:hidden; } </style> </head>…

iframe,modaldialog父子窗口相互通信的问题

--- 子窗口访问父窗口的window对象 --- 打开新窗口一般有几种方法,window.open(...),window.showModalDialog(...),以及iframe中嵌套页面,另外还有window.navigate (...).window.location.href="...".window.history.back(-1);都是实现同一页面内容跳转的,这里不讨论. **************************************** window.n…

html iframe js frame

JavaScript 跨域：window.postMessage 实现跨域通信

JavaScript 跨域方式实现方式有很多,之前,一篇文章中提到了 JSONP 形式实现跨域.本文将介绍 HTML5 新增的 api 实现跨域:window.postMessage . 1 otherWindow.postMessage(message, targetOrigin); 2 3 otherWindow 4 其他窗口的一个引用,比如iframe的contentWindow属性.执行window.open返回的窗口对象.或者是命名过或数值索引的window.frames. 5 6 m…

Winform控件学习笔记【第四天】——WebBrowser

常用方法 Navigate(string urlString);//浏览urlString表示的网址 Navigate(System.Uri url);//浏览url表示的网址 Navigate(string urlString, string targetFrameName, byte[] postData, string additionalHeaders);//浏览urlString表示的网址,并发送postData中的消息(通常我们登录一个网站的时候就会把用户名和密码作为postData…

第189天：BOM属性方法

一.BOM---location 1.访问页面 location.href = "http://www.baidu.com"; location.assign("http://www.baidu.com"); location.replace("http://www.baidu.com"); replace和assign的区别 replace()方法所做的操作与assign()方法一样, 但它多了一步操作,即从浏览器的历史记录中删除了包含脚本的页…

谈谈contentWindow 和contentDocument以及 iframe

1,contentWindow:是用来获取子窗口的window对象的,它兼容各大浏览器,用法如下 document.getElementById("iframeId").contentWindow 这样简单的一句就得到了iframe包含页面的window对象: 2,contentDocument:是用来获取子窗口的document对象的,主流浏览器都支持和ie8+支持,用法如下 document.getElementById("iframeId").contentD…

iframe.contentWindow 属性：关于contentWindow和contentDocument区分

定义和用法 contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档,可以通过所有标准的 DOM 方法来处理被返回的对象. 语法:frameObject.contentWindow,或者 iframeObject.contentWindow(不是jquery对象) 用iframe嵌套页面时,如果父页面要获取子页面里面的内容,可以使用contentWindow或者contentDocument,其区别如下: 1.contentWindow 这是个只读属性,返回指定…

IE8下获取iframe document EVENT对象的问题

在一个页面中设置iframe的document Onclick 事件获取在iframe中的document被点击的对象,W3C如下: document.getElementById('iframe的ID').contentDocument.onclikc=function(event){} 以上的EVENT对象在W3C浏览器下可以得到,在IE8中就无法得到,原因有2个,一是IE下的iframe的document对象和W3C不同,二是EVENT对象是根据当前窗口来决定的,如IE下的EVENT对象,…

【各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试】的更多相关文章