码迷,mamicode.com
首页 > 其他好文 > 详细

关于location

时间:2015-07-22 12:53:05      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:

---恢复内容开始---

一、最外层top跳转页面,适合用于iframe框架集

top.window.location.href("${pageContext.request.contextPath}/Login_goBack");

============================================================================================

二、window.location.href和window.location.replace的区别

1.window.location.href=“url”:改变url地址;

2.window.location.replace(“url”):将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,
因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

三、强制页面刷新

1.window.location.reload():强制刷新页面,从服务器重新请求!

============================================================================================

四、window.location.reload();页面实现跳转和刷新

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(‘Refresh‘)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
这几个都可以刷新
window.location.reload();刷新
window.location.href=window.location.href;刷新
window.close();关闭窗口,不弹出系统提示,直接关闭 
window.close()相当于self属性是当前窗口
window.parent.close()是parent属性是当前窗口或框架的框架组
页面实现跳转的九种方法实例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>navigate</title>
<script language="javascript">
    setTimeout(‘window.navigate("top.html");‘,2000);
    setTimeout(‘window.document.location.href="top.html";‘,2000);
    setTimeout(‘window.document.location="top.html";‘,2000);
    setTimeout(‘window.location.href="top.html";‘,2000);
    setTimeout(‘window.location="top.html";‘,2000);
    setTimeout(‘document.location.href="top.html";‘,2000);             
    setTimeout(‘document.location="top.html";‘,2000);
    setTimeout(‘location.href="top.html";‘,2000);
    setTimeout(‘location.replace("top.html")‘,2000);
    //window对象
        //document对象
            //location对象
                //href属性
                //1.window.document.location.href
                //2.window.document.location
                //3.window.location.href
                //4.window.location
              
                //5.document.location.href
                //6.document.location
                //7.location.href
                //8.window.navigate
                //9.location.replace
                //只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转////
</script>
</head>

<body>
页面将在2秒后跳转
</body>
</html>

解释:
location是个对象,比如本页的document.location和window.location的属性有   
  location.hostname   =   community.csdn.net
  location.href   =   http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02
  location.host   =   community.csdn.net
  location.hash   =  
  location.port   =  
  location.pathname   =   /Expert/topic/4033/4033372.xml
  location.search   =   ?temp=2.695864E-02
  location.protocol   =   http:
  可见href是location的属性,类别是string。

---恢复内容结束---

一、最外层top跳转页面,适合用于iframe框架集

top.window.location.href("${pageContext.request.contextPath}/Login_goBack");

============================================================================================

二、window.location.href和window.location.replace的区别

1.window.location.href=“url”:改变url地址;

2.window.location.replace(“url”):将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,
因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

三、强制页面刷新

1.window.location.reload():强制刷新页面,从服务器重新请求!

============================================================================================

四、window.location.reload();页面实现跳转和刷新

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(‘Refresh‘)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
这几个都可以刷新
window.location.reload();刷新
window.location.href=window.location.href;刷新
window.close();关闭窗口,不弹出系统提示,直接关闭 
window.close()相当于self属性是当前窗口
window.parent.close()是parent属性是当前窗口或框架的框架组
页面实现跳转的九种方法实例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>navigate</title>
<script language="javascript">
    setTimeout(‘window.navigate("top.html");‘,2000);
    setTimeout(‘window.document.location.href="top.html";‘,2000);
    setTimeout(‘window.document.location="top.html";‘,2000);
    setTimeout(‘window.location.href="top.html";‘,2000);
    setTimeout(‘window.location="top.html";‘,2000);
    setTimeout(‘document.location.href="top.html";‘,2000);             
    setTimeout(‘document.location="top.html";‘,2000);
    setTimeout(‘location.href="top.html";‘,2000);
    setTimeout(‘location.replace("top.html")‘,2000);
    //window对象
        //document对象
            //location对象
                //href属性
                //1.window.document.location.href
                //2.window.document.location
                //3.window.location.href
                //4.window.location
              
                //5.document.location.href
                //6.document.location
                //7.location.href
                //8.window.navigate
                //9.location.replace
                //只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转////
</script>
</head>

<body>
页面将在2秒后跳转
</body>
</html>

解释:
location是个对象,比如本页的document.location和window.location的属性有   
  location.hostname   =   community.csdn.net
  location.href   =   http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02
  location.host   =   community.csdn.net
  location.hash   =  
  location.port   =  
  location.pathname   =   /Expert/topic/4033/4033372.xml
  location.search   =   ?temp=2.695864E-02
  location.protocol   =   http:
  可见href是location的属性,类别是string。

关于location

标签:

原文地址:http://www.cnblogs.com/zhangfengyang/p/4666846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!