javascript中如何理解window对象

window对象在js中很常用，是JS中最大的对象，它描述的是一个浏览器窗口。

比如常用的windowopen();可以打开一个窗口

windowopener可以获取窗口的对象信息

firefox中有一个错误控制台的工具，很好用。我调试JS都是在firefox下进行的，没问题了再在IE下检查。

使用JS一定要考虑浏览器兼容性。现在firefox的市场份额不容忽视，所以一个好的JS程序至少应该在主流的几个浏览器下能够正确运行。编写的时候遵循W3C标准，一般都不会有什么问题。

下面这篇文章讲述了如何进行JS的调试：

这篇文章讲述了JS在IE和Firefox下的兼容性问题：

以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox

1 documentformitem 问题

(1)现有问题：

现有代码中存在许多 documentformNameitem("itemName") 这样的语句，不能在 MF 下运行

(2)解决方法：

改用 documentformNameelements["elementName"]

(3)其它

参见 2

2 集合类对象问题

(1)现有问题：

现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不能。

(2)解决方法：

改用 [] 作为下标运算。如：documentforms("formName") 改为 documentforms["formName"]。

又如：documentgetElementsByName("inputName")(1) 改为 documentgetElementsByName("inputName")[1]

(3)其它

3 windowevent

(1)现有问题：

使用 windowevent 无法在 MF 上运行

(2)解决方法：

MF 的 event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通：

原代码(可在IE中运行)：

<input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit()"/>

<script language="javascript">

function gotoSubmit() {

alert(windowevent); // use windowevent

}

</script>

新代码(可在IE和MF中运行)：

<input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit(event)"/>

<script language="javascript">

function gotoSubmit(evt) {

evt = evt evt : (windowevent windowevent : null);

alert(evt); // use evt

}

</script>

此外，如果新代码中第一行不改，与老代码一样的话(即 gotoSubmit 调用没有给参数)，则仍然只能在IE中运行，但不会出错。所以，这种方案 tpl 部分仍与老代码兼容。

4 HTML 对象的 id 作为对象名的问题

(1)现有问题

在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能。

(2)解决方法

用 getElementById("idName") 代替 idName 作为对象变量使用。

5 用idName字符串取得对象的问题

(1)现有问题

在IE中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象，在MF 中不能。

(2)解决方法

用 getElementById(idName) 代替 eval(idName)。

6 变量名与某 HTML 对象 id 相同的问题

(1)现有问题

在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE 中不能。

(2)解决方法

在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。

此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。

(3)其它

参见 问题4

7 eventx 与 eventy 问题

(1)现有问题

在IE 中，event 对象有 x, y 属性，MF中没有。

(2)解决方法

在MF中，与eventx 等效的是 eventpageX。但eventpageX IE中没有。

故采用 eventclientX 代替 eventx。在IE 中也有这个变量。

eventclientX 与 eventpageX 有微妙的差别（当整个页面有滚动条的时候），不过大多数时候是等效的。

如果要完全一样，可以稍麻烦些：

mX = eventx eventx : eventpageX;

然后用 mX 代替 eventx

(3)其它

eventlayerX 在 IE 与 MF 中都有，具体意义有无差别尚未试验。

8 关于frame

(1)现有问题

在 IE中 可以用windowtestFrame取得该frame，mf中不行

(2)解决方法

在frame的使用方面mf和ie的最主要的区别是：

如果在frame标签中书写了以下属性：

<frame src="xxhtm" id="frameId" name="frameName" />

那么ie可以通过id或者name访问这个frame对应的window对象

而mf只可以通过name来访问这个frame对应的window对象

例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问

ie： windowtopframeId或者windowtopframeName来访问这个window对象

mf： 只能这样windowtopframeName来访问这个window对象

另外，在mf和ie中都可以使用windowtopdocumentgetElementById("frameId")来访问frame标签

并且可以通过windowtopdocumentgetElementById("testFrame")src = 'xxhtm'来切换frame的内容

也都可以通过windowtopframeNamelocation = 'xxhtm'来切换frame的内容

关于frame和window的描述可以参见bbs的‘window与frame’文章

以及/test/js/test_frame/目录下面的测试

----adun 20041209修改

9 在mf中，自己定义的属性必须getAttribute()取得

10在mf中没有 parentElement parementchildren 而用

parentNode parentNodechildNodes

childNodes的下标的含义在IE和MF中不同，MF使用DOM规范，childNodes中会插入空白文本节点。

一般可以通过nodegetElementsByTagName()来回避这个问题。

当html中节点缺失时，IE和MF对parentNode的解释不同，例如

<form>

<table>

<input/>

</table>

</form>

MF中inputparentNode的值为form, 而IE中inputparentNode的值为空节点

MF中节点没有removeNode方法，必须使用如下方法 nodeparentNoderemoveChild(node)

11const 问题

(1)现有问题:

在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。

(2)解决方法:

不使用 const ，以 var 代替。

12 body 对象

MF的body在body标签没有被浏览器完全读入之前就存在，而IE则必须在body完全被读入之后才存在

13 url encoding

在js中如果书写url就直接写&不要写&例如var url = 'xxjspobjectName=xx&objectEvent=xxx';

frmaction = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器

一般会服务器报错参数没有找到

当然如果是在tpl中例外，因为tpl中符合xml规范，要求&书写为&

一般MF无法识别js中的&

14 nodeName 和 tagName 问题

(1)现有问题：

在MF中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。在 IE 中，nodeName 的使用好象

有问题（具体情况没有测试，但我的IE已经死了好几次）。

(2)解决方法：

使用 tagName，但应检测其是否为空。

15 元素属性

IE下 inputtype属性为只读，但是MF下可以修改

16 documentgetElementsByName() 和 documentall[name] 的问题

(1)现有问题：

在 IE 中，getElementsByName()、documentall[name] 均不能用来取得 div 元素（是否还有其它不能取的元素还不知道）。

NEXT: »» MySQL 的 root 密码忘记解决办法

PREV: «« OA数据转换成功！

评论排序 | 评论:3

引用评论 阿峰 [2005-10-05 08:16:21]

1 对象问题

11 Form对象

现有问题：

现有代码这获得form对象通过documentforms("formName")，这样使用在IE 能接受，MF 不能。

解决方法：

改用 作为下标运算。改为documentforms["formName"]

备注

上述的改用 作为下标运算中的formName是id而name

12 HTML对象

现有问题：

在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能。

documentall("itemName")或者documentall("itemId")

解决方法：

使用对象ID作为对象变量名

documentgetElementById("itemId")

备注

documentall是IE自定义的方法，所以请大家尽量不使用。

还有一种方式，在IE和MF都可以使用

var f = documentforms["formName "];

var o = f itemId;

13 DIV对象

现有问题：

在 IE 中，DIV对象可以使用ID作为对象变量名直接使用。在 MF 中不能。

DivIdstyledisplay = "none"

解决方法：

documentgetElementById("DivId")styledisplay = "none"

备注

获得对象的方法不管是不是DIV对象，都使用getElementById方法。参见12

14 关于frame

现有问题

在 IE中 可以用windowtestFrame取得该frame，mf中不行

解决方法

在frame的使用方面MF和IE的最主要的区别是：

如果在frame标签中书写了以下属性：

那么IE可以通过id或者name访问这个frame对应的window对象

而mf只可以通过name来访问这个frame对应的window对象

例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问

IE： windowtopframeId或者windowtopframeName来访问这个window对象

MF：只能这样windowtopframeName来访问这个window对象

另外，在mf和ie中都可以使用windowtopdocumentgetElementById("frameId")来访问frame标签

并且可以通过windowtopdocumentgetElementById("testFrame")src = 'xxhtm'来切换frame的内容

也都可以通过windowtopframeNamelocation = 'xxhtm'来切换frame的内容

15 窗口

现有问题

IE中可以通过showModalDialog和showModelessDialog打开模态和非模态窗口，但是MF不支持。

解决办法

直接使用windowopen(pageURL,name,parameters)方式打开新窗口。

如果需要传递参数，可以使用frame或者iframe。

2 总结

21 在JS中定义各种对象变量名时，尽量使用id，避免使用name。

在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能，所以在平常使用时请尽量使用id，避免只使用name，而不使用id。

22 变量名与某 HTML 对象 id 相同的问题

现有问题

在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE 中不能。

解决方法

在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。

此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误

需求是A窗口是一个查询页面，点击“查询”后打开B窗口并显示查询结果，在B窗口上有个按钮，名叫“返回查询页面”，客户需要的是如果A页面未关闭，则窗口焦点转到A，但B不关，如果A关闭，则开个新的查询页面。

实现：

A窗口js:windowname='window1';

B窗口按钮js:onclick="var Awin=windowopen('searchhtml','window1');Awinfocus();"

可以的。

Window 对象常用属性 document、history、location、Navigator、status、screen等 Window 对象常用方法 alert() 、blur()、clearInterval() 、clearTimeout() 、 close() 、prompt()、confirm() 、 open() 、setInterval() 、setTimeout() 等。

以上就是关于javascript中如何理解window对象全部的内容，包括:javascript中如何理解window对象、关于JavaScript中的window对象的传递问题、js代码能不能获取到easyui window方法打开的窗口对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！