javascript的self和this使用小结
2009-07-11 20:31
435 查看
一、self
这个非常简单。我们知道,打开任何一个网页,浏览器会首先创建一个窗口,这个窗口就是一个window对象,也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身,它返回的对象跟window对象是一模一样的。也正因为如此,window对象的常用方法和函数都可以用self代替window。举个例子,常见的写法如“self.close();”,把它放在<a>标记中:“<a href="javascript:self.close();">关闭窗口</a>”,单击“关闭窗口”链接,当前页面关闭。
二、this关键字
在讲this之前,看下面的一段代码:
function voidTest() {
void (alert("it is a void test")); //执行函数
var oTestNum = 1;
void (oTestNum++); //整数自加
alert(oTestNum);
oTestNum = 1;
void (oTestNum += " void test"); //整数加字符串
alert(oTestNum);
}
voidTest();
4、在a元素下使用void(0)
(1)适用情况
在网页中,我们经常看到html里的a标签不需要它导航到某一个页面时,href属性设置的写法:
<a href="#">link1</a>
<a href="javascript:void(0);">link2</a>
注意:第一种“#”的写法(其实#可以是多个,通常都是1个),当a元素所在的链接在浏览器一屏以下时,会导致页面回滚到顶部;所以当我们需要a标签不导航到其他页面,不需要网页位置的回滚,都会采取void(0)那种写法。
(2)ie6下void(0)造成的诡异问题
这个问题网上有很多讨论,个人认为“落叶满长沙”总结的很有代表性,这里就不再赘述了。
这个非常简单。我们知道,打开任何一个网页,浏览器会首先创建一个窗口,这个窗口就是一个window对象,也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身,它返回的对象跟window对象是一模一样的。也正因为如此,window对象的常用方法和函数都可以用self代替window。举个例子,常见的写法如“self.close();”,把它放在<a>标记中:“<a href="javascript:self.close();">关闭窗口</a>”,单击“关闭窗口”链接,当前页面关闭。
二、this关键字
在讲this之前,看下面的一段代码:
function voidTest() {
void (alert("it is a void test")); //执行函数
var oTestNum = 1;
void (oTestNum++); //整数自加
alert(oTestNum);
oTestNum = 1;
void (oTestNum += " void test"); //整数加字符串
alert(oTestNum);
}
voidTest();
4、在a元素下使用void(0)
(1)适用情况
在网页中,我们经常看到html里的a标签不需要它导航到某一个页面时,href属性设置的写法:
<a href="#">link1</a>
<a href="javascript:void(0);">link2</a>
注意:第一种“#”的写法(其实#可以是多个,通常都是1个),当a元素所在的链接在浏览器一屏以下时,会导致页面回滚到顶部;所以当我们需要a标签不导航到其他页面,不需要网页位置的回滚,都会采取void(0)那种写法。
(2)ie6下void(0)造成的诡异问题
这个问题网上有很多讨论,个人认为“落叶满长沙”总结的很有代表性,这里就不再赘述了。
相关文章推荐
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript 的self 和 this 使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- javascript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- javascript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- JavaScript的self和this使用小结
- javascript中的self和this用法小结
- 转 javascript中this使用小结
- javascript中的self和this用法小结
- self和this使用小结
- JavaScript中this关键词的使用技巧、工作原理以及注意事项