`

iframe的属性:document和Document以及Document的属性和iframe在各个浏览器获得内部文档的写法

 
阅读更多
.document引用到是的 iframe所在页面对象,
.Document (大写D),才能引用到iframe内含对象
<html>
<head>
<script>
function SetCwinHeight(obj)
{
// alert(obj.document.getElementById("tDiv").innerText);//可以获得当前页面id为tDiv的div的值
 alert(obj.Document.all.tDiv.innerText);
//这个可以获得text.html里面id为tDiv的div的值、、、
}
</script>
</head>
<body>
<iframe src="test.html" onload="SetCwinHeight(this);" width="600px' id="myframe" 
name="myframe">
</iframe>
<div id="tDiv">
tdiv
</div>
</body>
</html
>
test.html
...
<div id="tDiv" name="tDiv">sdiv</div>
...

下面是兼容ie,ff。chome等的写法
、
function SetCwinHeight()
{
  var obj=document.getElementsByTagName("iframe")[0];
 // var obj2=document.getElementById("myframe");//chome和firefox不支持id取iframe
  //alert(obj2);
  var str="";
  var cwin=obj;
  var sobj=null;
  if (document.getElementById){
    if (cwin && !window.opera){
      if (cwin.contentDocument){
       sobj = cwin.contentDocument; //FF NS
       alert("ff or chome");
       }
      else if(cwin.Document){
        sobj = cwin.Document;//IE
        alert("ie");
        }
     }
     else{ 
        if(cwin.contentWindow.document){
        sobj = cwin.contentWindow.document;//Opera
	    alert("opera ");
        }
        
     }
   }
    for(i in sobj){
     str+=i+"<br/>";
    } 
    document.write(str);
   
}


另外iframe.Doucment的属性还有
引用
namespaces
lastModified
parentNode
nodeType
fileCreatedDate
onbeforeeditfocus
bgColor
oncontextmenu
onrowexit
embeds
scripts
onactivate
mimeType
alinkColor
onmousemove
onselectstart
oncontrolselect
body
protocol
onkeypress
onrowenter
onmousedown
vlinkColor
URL
onreadystatechange
doctype
onbeforedeactivate
applets
fileModifiedDate
onmouseover
dir
media
defaultCharset
firstChild
plugins
onafterupdate
ondragstart
oncellchange
cookie
documentElement
nextSibling
nameProp
referrer
ondatasetcomplete
onmousewheel
onerrorupdate
onselectionchange
lastChild
ondblclick
onkeyup
location
forms
title
onrowsinserted
previousSibling
compatMode
onmouseup
onkeydown
onrowsdelete
onfocusout
fgColor
ondatasetchanged
onmouseout
parentWindow
nodeName
onpropertychange
onstop
onhelp
linkColor
onbeforeactivate
images
readyState
frames
all
onbeforeupdate
onclick
childNodes
onfocusin
anchors
selection
fileUpdatedDate
domain
security
fileSize
ownerDocument
ondataavailable
styleSheets
nodeValue
attributes
activeElement
implementation
links
URLUnencoded
ondeactivate
分享到:
评论

相关推荐

    获取iframe值 文件下载

    本文详细介绍了如何在父窗口中操作`iframe`内部元素的方法,并特别关注了兼容IE和Firefox浏览器的问题。通过上述示例代码,我们可以看到,只要合理利用JavaScript提供的API,并考虑到不同浏览器之间的差异,就能实现...

    IE中document.createElement的iframe无法设置属性name的解决方法

    这样的写法在IE中可以成功设置`name`属性,但是它并不适用于Firefox和其他遵循标准更严格的浏览器。因此,为了确保代码的跨浏览器兼容性,我们需要使用`try...catch`语句来分别处理这两种情况: ```javascript try ...

    快速获取/设置iframe内对象元素的几种js实现方法

    1、IE专用(通过frames索引形象定位): document.frames[i].document.getElementById(‘元素的ID’);...比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。 3、通用方法: document.getEleme

    jquery操作 iframe的方法

    在IE和Firefox浏览器中,获取iframe的document对象存在差异。在IE 6、IE 7中,我们可以通过document.frames数组访问iframe的document对象,但在Firefox中,必须使用document.getElementById()配合contentDocument...

    JS判断iframe是否加载完成的方法

    在网页开发中,有时我们需要对页面中的`iframe`(内联框架)进行操作,而这些操作通常需要在`iframe`完全加载完成之后执行。本文将详细介绍两种JavaScript方法,用于判断`iframe`是否加载完成,以便在正确的时间进行...

    javascript最常用的技巧

    22. **父对象**:`obj.parentElement(dhtml)`和`obj.parentNode(dom)`分别获取元素的父元素(IE和非IE兼容写法)。 23. **行交换**:`TableID.moveRow(2,1)`用于交换表格中行的位置。 24. **替换CSS**:`document....

    IE9+已经不对document.createElement向下兼容的解决方法

    在IE9及更高版本中,为了更好地遵循W3C标准,微软对某些方法进行了调整,使得`document.createElement`的行为与其他现代浏览器如Firefox和Chrome保持一致。这可能导致在旧的编写方式下出现兼容性问题,尤其是在尝试...

    网页制作小技巧总结.pdf

    文档标题和描述中提到的“网页制作小技巧总结.pdf”表明本篇内容是关于网页设计和开发过程中的一些技巧和心得的汇总,这些技巧可能涵盖了代码编写、页面布局、交互功能实现等多个方面。接下来,我会详细解释这些内容...

    引用 js在IE与FF之间的区别详细解析

    同样,className属性在IE中用来设置和获取元素的样式类,而在Firefox中则使用class来代替className,因为class在Firefox中是关键字,必须通过setAttribute和getAttribute方法来操作。 对于JavaScript对象的操作,...

    前端开发的面试经

    - 标签和属性名必须使用小写字母,属性值必须包含在引号内。 - XHTML文档必须拥有根元素。 - 由于XHTML遵循XML的规则,因此它比HTML更加严格。 #### 二、跨浏览器CSS兼容性问题 - **监听事件**:在不同的浏览器...

    IE和ff的兼容技巧

    **解决方法**:在实际项目中,推荐使用 `&lt;iframe&gt;` 替代 `&lt;frame&gt;`,以获得更好的兼容性和安全性。 #### 三、结论 通过以上对IE和Firefox兼容技巧的详细介绍,我们可以看到,虽然这些浏览器之间存在一定的差异,...

    Javascript selection的兼容性写法介绍

    首先,我们需要了解window.getSelection、document.getSelection以及document.selection这三个不同的方法,它们分别在不同的浏览器或浏览器版本中被支持。 1. window.getSelection()方法: 此方法是标准的DOM接口,...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    iframe:是否使用iframe方法加载内容,该属性如果为true或者object,组件则尝试将message内容作为url进行加载(如果属性值为一个object,则将object的内容添加为iframe的属性,如iframe:{id:'myId',name:'myName',src...

    2022年优秀-HTML开发微信企业号的示例.pptx

    3. **表单改进**:新增了如`&lt;datalist&gt;`、`&lt;keygen&gt;`等元素,以及`required`、`pattern`等属性,提升了表单的安全性和易用性。 4. **拖放功能**:HTML5提供了原生的拖放API,允许元素在浏览器内外进行拖放操作。 **...

    PHP程序员常用简单面试题

    ... ... - **实现方法**: ... $yesterday = date('Y-m-d H:i:s', strtotime('-1 day')); echo $yesterday; // 输出: 2017-05-29 22:21:21 ... - `strtotime('-1 day')`: ... - `background`属性可以综合多个背景相关的属性值。

    javascript面试题目

    - **DOM (Document Object Model)** - 描述了文档对象模型,使得JavaScript可以操作HTML和XML文档。 - **CSS3/HTML5** - 新一代的CSS和HTML标准,增加了更多功能和特性。 - **ECMAScript** - 规定了JavaScript的核心...

    前端工程师面试题汇总.docx编程资料

    混杂模式则按照浏览器自己的行为来解析和展现文档。通常是因为DOCTYPE声明不正确或者HTML标记不符合规范导致浏览器进入混杂模式。 2. **HTML5简化的原因** - **简化原因**:HTML5的DOCTYPE简化是为了更好地向前...

    HTML的一些小技巧

    **说明**:使用`&lt;iframe&gt;`标签嵌入子页面,并指定其宽度、高度、是否显示滚动条以及边框等属性。 #### 10. 页面跳转 ```html ;URL=list.htm"&gt; ``` **说明**:与第5个技巧类似,该技巧可实现页面在加载后3秒自动...

    挂马的各种方式

    这会使得浏览器在加载页面样式的同时执行恶意脚本。 ### 6. JavaScript 弹窗 通过JavaScript打开一个隐藏窗口,实现恶意链接的跳转: ```javascript window.open("恶意链接", "", "toolbar=no,location=no,...

Global site tag (gtag.js) - Google Analytics