实践中的importPoint

最新推荐文章于 2022-08-03 11:18:34 发布

原创最新推荐文章于 2022-08-03 11:18:34 发布 · 342 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了HTML DOM中的focus()方法用于设置输入焦点，探讨了JavaScript中window.open()与window.location.href的区别及其多种用法，同时还讲解了history对象的back()、forward()及go()方法的应用场景。

1.focus()
是HTML DOM对象的方法,并不是js的函数,js只是调用对象的focus方法.
该方法表示将输入焦点移至对象上.
<script type="text/javascript">        
    function validatefield(field)
        {
            if (field.value == "") {
                alert("不能为空内，谢谢");
                field.focus();
                return false;
            }
            else
            {
                name = field.value;
                alert(name+",hello")
            }
 
            return true;        }
</script>

2.javacsript中window.open()与window.location.href的区别

window.open("index.aspx",'top'); 只是表示打开这个页面，并不是打开并刷新index.aspx

window.location.href="index.aspx"; 表示重新定向到新页面，同时刷新打开的这个页面；

eg：

<tr><td 
style="width:96%;">进行中项目</td><td><img alt="" 
src="Images/2emorewe.gif" style="text-align:right;cursor:hand;"

onclick="javascript:window.open('ProjectList.aspx?flag=0','_top');"/></td></tr>

<tr><td 
style="width:96%;">进行中项目</td><td><img alt="" 
src="Images/2emorewe.gif" style="text-align:right;cursor:hand;" 
onclick="javascript:window.location.href='ProjectList.aspx?flag=0';"/></td></tr>

这两个的效果不同

javascript中的location.href有很多种用法，主要如下。

self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面

如果页面中自定义了frame，那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

此外，window.location.href=window.location.href;和 window.location.Reload()和都是刷新当前页面。区别在于是否有提交数据。当有提交数据时，window.location.Reload()会提示是否提交，window.location.href=window.location.href;则是向指定的url提交数据

history.back() 
功能：加载历史列表中的前一个URL（后退）。 

语法：history.back() 

调用该方法的效果等价于点击后退按钮或调用history.go(-1)。 

history.forward() 
功能：加载历史列表中的下一个URL（前进）。 

语法：history.forward() 

调用该方法的效果等价于点击前进按钮或调用history.go(1)。 

history.go() 
功能：加载历史列表中的某个具体的页面。 

语法：history.go(number) 

参数： 
number：要访问的URL在History的URL列表中的相对位置. 

-1代表前一个(forward)，0代表当前，1代表(back)后一个。 

1(向后) <----- 0(当前) -----> -1(向前) 
history.go(-1) == history.forward() 
history.go(1)  == history.back() 
history.current, history.next