通常我在写javascript的时候从来没有意识到document和window.document之间是有区别的,实际使用过程中也确实没有遇到问题,但是这埋下了非常大的隐患,当出现问题时,这个bug就会变得非常难找。
代码如下:
test1.jsp:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>test1.jsp</title>
</head>
<body>
<iframe src='test2.jsp' />
</body>
</html>

test2.jsp:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>test2.jsp</title>
</head>
<script language='JavaScript'>
function showA() {
 alert(document.getElementById('input2').value);
}
function showB() {
 alert(window.document.getElementById('input2').value);
}
</script>
<body>
<input id='input2' type='text' name='name2' value='ph2' /><br>
<input type='button' name='butt1' value='showA()' οnclick='javascript:showA();' /><br>
<input type='button' name='butt2' value='showB()' οnclick='javascript:showB();' /><br>
</body>
</html>

点showA()和点showB()有区别吗?大多数机器上都是没有,但是毕竟还是有,今天就被我遇到了,一个用户youxing他就告诉我在他的笔记本上showB()会出现错误。(操作系统,浏览器版本,设置都是一样,奇怪吧!)
问题在于当test2.jsp存在于iframe中时,这里的window.document究竟是指iframe里的document,还是指外面这个document呢?

所以,在此blog提醒自己,可以省略window.的地方,还是省略吧。

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/rekcah_ph/archive/2005/08/30/467859.aspx

document 和 window.document相关推荐

  1. JS中window.document对象

    小知识点注:外面双引号,里面的双引号改为单引号:                  在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中                  文本框取出来 ...

  2. HTML Window.document

    1.Window.document对象 一.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:     var a =doc ...

  3. jquery插件开发;(function ( $, window, document, undefined ){}(jQuery, window,document)分析

    经常看到许多jquery插件是这种形式: ;(function( $, window, document, undefined ){}){//...code }(jquery,window,docum ...

  4. JavaScript window.document的属性、方法和事件小结

    javascript中window.document的属性.方法和事件的总结,有需要的朋友可参考一下本文章. 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的 ...

  5. document的window对象

    document是window对象的一个属性,因为使用window对象成员的时候可以省略window,所以一般简写为document <input type="button" ...

  6. JS中document和window的区别

    Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对 ...

  7. JS中document对象 window对象

    所有的全局函数和对象都属于Window对象的属性和方法. 区别: 1.window 指窗体.Window 对象表示浏览器中打开的窗口. document指页面.document是window的一个子对 ...

  8. JavaScript 里 window, document, screen, body 这几个名词的区别

    在下面这个 StackOverflow 的线索里进行了讨论: https://stackoverflow.com/questions/9895202/what-is-the-difference-be ...

  9. document.body、document.documentElement和window获取视窗大小的区别

    来源:http://www.ido321.com/906.html 在w3school关于window对象的介绍中,介绍了获取浏览器窗口大小的三种方法(浏览器的视口,不包括工具栏和滚动条). 对于In ...

最新文章

  1. 河南省第十三届ICPC大学生程序设计竞赛 【部分题题解】
  2. 密度图的密度估计_箱形图、小提琴图、直方图……统统可以卡通化!
  3. 对象的自身引用(Self-Reference) 动态绑定(Dynamic Binding)
  4. 数据链路层的差错控制ARQ
  5. SpringCloud和AlibabaCloud区别
  6. 小学计算机兴趣小组计划书,兴趣小组计划
  7. LayoutLM: Pre-training of Text and Layout for Document Image Understanding
  8. 前端实现数据base64解码
  9. linux下安装卸载永中office步骤,永中office2012 for Linux的安装
  10. 可以使用python开发财务软件吗_给还准备继续做审计的人提个醒!
  11. 基于三轴加速度传感器的老人摔倒检测
  12. Python要点及其环境搭建+Pycharm简单使用教程
  13. 微信红包随机算法转载
  14. Cadence 导出变种BOM详细操作方法
  15. 【83】secureCRT 7.0登录Ubuntu 20.04提示key exchange failed
  16. T字形路口小车如何要c语言编程,科二皮卡怎么找30公分线
  17. 浅谈企业宣传片对于企业的意义
  18. 亚马逊、速卖通、虾皮、lazada、沃尔玛高概率打造爆款的方法
  19. 数字图像的一阶微分和二阶微分
  20. 【吴恩达深度学习week4编程作业】

热门文章

  1. android 一直开机画面,解决:Android模拟器一直停留在开机画面
  2. Java SHA-256 算法实例
  3. Python的人工智能模拟框架
  4. 龙芯开源社区服务器迁移一览
  5. 网络、信息系统安全等级保护测评机构定级报告及定级备案表
  6. 常见的分类算法及分类算法的评估方法
  7. 【IoT】14.Identify Customer Need 拿捏住客户的想法
  8. bzoj 2708: [Violet 1]木偶
  9. RSA创新沙盒盘点|BastionZero——零信任基础设施访问服务
  10. 靓号,java正则表达式的实现