document 和 window.document

来源：互联网发布：老男孩linux运维2017 编辑：程序博客网时间：2024/05/16 07:41

今天看讲document 和 window.document区别的文章，自己测试了I8+和chrome，document 和window.document都指向了同一个对象，而window.document和window.parent.document是指向不同的对象。window.document指向当前文档对象，window.parent.document指向父窗体的当前文档对象

现放上代码：

main.html

<!DOCTYPE HTML><html><head><title>main</title></head><body><input id='input1' type='text' name='name1' value='input1' /><iframe src='sub.html' > </iframe></body></html>

sub.html

<!DOCTYPE HTML><html><head><title>sub</title></head><script type="text/javascript">function showA() {alert(document.getElementById('input2').value);}function showB() {alert(window.document.getElementById('input2').value);}function showC() {alert(window.parent.document.getElementById('input1').value);}</script><body><input id='input2' type='text' name='name2' value='input2' /><input type='button' name='but1' value='showA()' onclick='javascript:showA();' /><input type='button' name='but2' value='showB()' onclick='javascript:showB();' /><input type='button' name='but3' value='showC()' onclick='javascript:showC();' /></body></html>

0 0