javascript HTML静态页面传值的四种方法

一：JavaScript静态页面值传递之URL篇
能过URL进行传值.把要传递的信息接在URL上.
Post.htm

 1 代码如下:
 2 
 3 
 4 
 5 
 6 

 

Read.htm

代码如下:

 1 
43 

 

优点:取值方便.可以跨域.
缺点:值长度有限制

二：JavaScript静态页面值传递之Cookie篇
Cookie是浏览器存储少量命名数据.
它与某个特定的网页或网站关联在一起.
Cookie用来给浏览器提供内存,
以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.
Post.htm

代码如下:

 1 
 2 
 3 

 

Read.htm

代码如下:

 1 

 

优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.

三：JavaScript静态页面值传递之Window.open篇
这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.
Post.htm

代码如下:

1 
2 
3 Read.htm
4 

  注意 :window.open打开时,不能够使用'_self'参数,因为这样父页面消失,找不到对象了.

优点:取值方便.只要window.opener指向父窗口,就可以访问所有对象.不仅可以访问值,还可以访问父窗口的方法.值长度无限制.
缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.

 

 

四：html本地存储传值篇
这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.
Post.htm

代码如下:

 1 
 2 
 3 
 4 
 5     
 6     
18 
19 
20     
21     
22 
23 

 Read.html

 

 1 
 2 
 3 
 4 
 5     
 6     
10 
11 
12 
13 
14 

 

 

优点:最好的解决方法.

缺点:可能浏览器不支持.

原文 https://www.cnblogs.com/EdwinChan/p/6387056.html?utm_source=itdadao&utm_medium=referral