js跳转页面、页面传值、页面刷新（笔记）

1.在原来的窗体中直接跳转用

1.超链接Welcome

等效于js代码

window.location.href="http://www.jb51.net";     //在同当前窗口中打开窗口

2、在新窗体中打开页面用：

window.open('你所要跳转的页面');

window.history.back(-1);返回上一页


实例代码：



例如：

向上一页 

3、

2.window.navigate方式跳转
   

4、window.loction.replace方式实现页面跳转，注意跟第一种方式的区别

5、self.location方式实现页面跳转，和下面的top.location有小小区别

6、top.location

7、meta方式实现跳转(content = 3 单位是秒)

 

js页面跳转并传值的常用方法

1、在url路径后面带参数，参数与url之间用?隔开，参数与参数之间用&符隔开

 	window.location.href = "a.html?name='kevin'&age='20'";


例如：传值
    
        
            
            
        
        
             
       
 

取值：
    
     
     
     
     
     
      
     
  


2、通过localStorage 和 sessionStorage 先存本地在取出数据

   用setItem来存数据，第一个参数是 名字，第二个参数是存数的数据


	//存数据
   	 window.localStorage.setItem("data", "kevin");
   	 window.sessionStorage.setItem("data", "kevin");

3、用getItem来取数据，参入要取数据的 名字就好

	//取数据
   	window.localStorage.getItem("data");
    window.sessionStorage.getItem("data");



注意：
当然如果要存储的数据是一个对象的话，就需要将对象转换为字符串，在取数据的在将字符串转为对象就可以了
对象转字符串 JSON.stringify( " 对象 " )

字符串转对象 JSON.parse( " 字符串 " )

 

页面刷新的几种方法：

Javascript刷新页面的几种方法： 
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 

自动刷新页面的方法: 
1.页面自动刷新：把如下代码加入区域中 
 
其中20指每隔20秒刷新一次页面. 

2.页面自动跳转：把如下代码加入区域中 
 
其中20指隔20秒后跳转到http://www.wyxg.com页面 

js刷新框架页面：

//如何刷新包含该框架的页面用 
 

//子窗口刷新父窗口 
 
(　或　刷新   ) 

//如何刷新另一个框架的页面用