.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`内部元素的方法,并特别关注了兼容IE和Firefox浏览器的问题。通过上述示例代码,我们可以看到,只要合理利用JavaScript提供的API,并考虑到不同浏览器之间的差异,就能实现...
这样的写法在IE中可以成功设置`name`属性,但是它并不适用于Firefox和其他遵循标准更严格的浏览器。因此,为了确保代码的跨浏览器兼容性,我们需要使用`try...catch`语句来分别处理这两种情况: ```javascript try ...
1、IE专用(通过frames索引形象定位): document.frames[i].document.getElementById(‘元素的ID’);...比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。 3、通用方法: document.getEleme
在IE和Firefox浏览器中,获取iframe的document对象存在差异。在IE 6、IE 7中,我们可以通过document.frames数组访问iframe的document对象,但在Firefox中,必须使用document.getElementById()配合contentDocument...
在网页开发中,有时我们需要对页面中的`iframe`(内联框架)进行操作,而这些操作通常需要在`iframe`完全加载完成之后执行。本文将详细介绍两种JavaScript方法,用于判断`iframe`是否加载完成,以便在正确的时间进行...
22. **父对象**:`obj.parentElement(dhtml)`和`obj.parentNode(dom)`分别获取元素的父元素(IE和非IE兼容写法)。 23. **行交换**:`TableID.moveRow(2,1)`用于交换表格中行的位置。 24. **替换CSS**:`document....
在IE9及更高版本中,为了更好地遵循W3C标准,微软对某些方法进行了调整,使得`document.createElement`的行为与其他现代浏览器如Firefox和Chrome保持一致。这可能导致在旧的编写方式下出现兼容性问题,尤其是在尝试...
文档标题和描述中提到的“网页制作小技巧总结.pdf”表明本篇内容是关于网页设计和开发过程中的一些技巧和心得的汇总,这些技巧可能涵盖了代码编写、页面布局、交互功能实现等多个方面。接下来,我会详细解释这些内容...
同样,className属性在IE中用来设置和获取元素的样式类,而在Firefox中则使用class来代替className,因为class在Firefox中是关键字,必须通过setAttribute和getAttribute方法来操作。 对于JavaScript对象的操作,...
- 标签和属性名必须使用小写字母,属性值必须包含在引号内。 - XHTML文档必须拥有根元素。 - 由于XHTML遵循XML的规则,因此它比HTML更加严格。 #### 二、跨浏览器CSS兼容性问题 - **监听事件**:在不同的浏览器...
**解决方法**:在实际项目中,推荐使用 `<iframe>` 替代 `<frame>`,以获得更好的兼容性和安全性。 #### 三、结论 通过以上对IE和Firefox兼容技巧的详细介绍,我们可以看到,虽然这些浏览器之间存在一定的差异,...
首先,我们需要了解window.getSelection、document.getSelection以及document.selection这三个不同的方法,它们分别在不同的浏览器或浏览器版本中被支持。 1. window.getSelection()方法: 此方法是标准的DOM接口,...
iframe:是否使用iframe方法加载内容,该属性如果为true或者object,组件则尝试将message内容作为url进行加载(如果属性值为一个object,则将object的内容添加为iframe的属性,如iframe:{id:'myId',name:'myName',src...
3. **表单改进**:新增了如`<datalist>`、`<keygen>`等元素,以及`required`、`pattern`等属性,提升了表单的安全性和易用性。 4. **拖放功能**:HTML5提供了原生的拖放API,允许元素在浏览器内外进行拖放操作。 **...
... ... - **实现方法**: ... $yesterday = date('Y-m-d H:i:s', strtotime('-1 day')); echo $yesterday; // 输出: 2017-05-29 22:21:21 ... - `strtotime('-1 day')`: ... - `background`属性可以综合多个背景相关的属性值。
- **DOM (Document Object Model)** - 描述了文档对象模型,使得JavaScript可以操作HTML和XML文档。 - **CSS3/HTML5** - 新一代的CSS和HTML标准,增加了更多功能和特性。 - **ECMAScript** - 规定了JavaScript的核心...
混杂模式则按照浏览器自己的行为来解析和展现文档。通常是因为DOCTYPE声明不正确或者HTML标记不符合规范导致浏览器进入混杂模式。 2. **HTML5简化的原因** - **简化原因**:HTML5的DOCTYPE简化是为了更好地向前...
**说明**:使用`<iframe>`标签嵌入子页面,并指定其宽度、高度、是否显示滚动条以及边框等属性。 #### 10. 页面跳转 ```html ;URL=list.htm"> ``` **说明**:与第5个技巧类似,该技巧可实现页面在加载后3秒自动...
这会使得浏览器在加载页面样式的同时执行恶意脚本。 ### 6. JavaScript 弹窗 通过JavaScript打开一个隐藏窗口,实现恶意链接的跳转: ```javascript window.open("恶意链接", "", "toolbar=no,location=no,...