[size=medium]好久没有学习了。今天准备将自己这段时候做项目时用到的js心得记录下来。
[list]
[*]自定义的方法和属性默认属于window对象。
如果不做回跨页面调用和回调,也许不知道这个知识点也没什么关系。但如果你想在你新打开的窗口中调用父窗口中的方法和属性,那你就必须想方设法先找到window对象。然后依据[i]自定义的方法和属性默认属于window对象[/i]这个原理来调用你所要调用的方法和属性。
例如:
function a(){
alert("this is a method");
}
那么找到a()的路径就可能有
1、a() 当前window下调用
2、window.opener.a() 子窗口、模式对话框、非模式对话框对话框中调用
3、window.parent.a() iframe中调用父框架中的方法
4、window.frames["iframeName"].a();或iframeName.a(); iframe中调用子窗口中的a()方法
[/list]
[list]
[*] window对象不随页面的重载、刷新而改变
前段时间做项目时,担心打开的子窗口中的页面一旦刷新或重定向到另外一个页面后就没法操作父窗口、没法找到父窗口的引用了。最后事实证明[i]window对象不随页面的重载、刷新而改变,[/i]因为重载、刷新所改变的只有window中的document属性,而浏览器窗口的大小,状态、工具栏、标题栏等都没发生改变。
如下:
a.html
<BODY>
<input type="button" value="打开一个新窗口" οnclick="window.open('b.html')">
</BODY>
b.html
<BODY>
<a href="c.html">打开c.html</a>
</BODY>
c.html
<BODY>
<input type="button" value="关闭父窗口" οnclick="window.opener.close()">
</BODY>
实践最张证明:点击c.html页面"关闭父窗口"按钮依然能关闭a.html页面所在的浏览器窗口。
[/list][/size]
[list]
[*]自定义的方法和属性默认属于window对象。
如果不做回跨页面调用和回调,也许不知道这个知识点也没什么关系。但如果你想在你新打开的窗口中调用父窗口中的方法和属性,那你就必须想方设法先找到window对象。然后依据[i]自定义的方法和属性默认属于window对象[/i]这个原理来调用你所要调用的方法和属性。
例如:
function a(){
alert("this is a method");
}
那么找到a()的路径就可能有
1、a() 当前window下调用
2、window.opener.a() 子窗口、模式对话框、非模式对话框对话框中调用
3、window.parent.a() iframe中调用父框架中的方法
4、window.frames["iframeName"].a();或iframeName.a(); iframe中调用子窗口中的a()方法
[/list]
[list]
[*] window对象不随页面的重载、刷新而改变
前段时间做项目时,担心打开的子窗口中的页面一旦刷新或重定向到另外一个页面后就没法操作父窗口、没法找到父窗口的引用了。最后事实证明[i]window对象不随页面的重载、刷新而改变,[/i]因为重载、刷新所改变的只有window中的document属性,而浏览器窗口的大小,状态、工具栏、标题栏等都没发生改变。
如下:
a.html
<BODY>
<input type="button" value="打开一个新窗口" οnclick="window.open('b.html')">
</BODY>
b.html
<BODY>
<a href="c.html">打开c.html</a>
</BODY>
c.html
<BODY>
<input type="button" value="关闭父窗口" οnclick="window.opener.close()">
</BODY>
实践最张证明:点击c.html页面"关闭父窗口"按钮依然能关闭a.html页面所在的浏览器窗口。
[/list][/size]