静态页面的值传递(三部曲)

分享快乐127

分享快乐127

2016-01-29 11:37

静态页面的值传递(三部曲),静态页面的值传递(三部曲)
Window.open篇

这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)


缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.
      

Post.htm

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

<input type=text name=maintext
<input type=button onclick="window.open('Read.htm')" value="Open"

Read.htm

<script language="javascript"
//window.open打开的窗口.
//利用opener指向父窗口.

var parentText = window.opener.document.all.maintext.value;
alert(parentText);
</script


利用Cookie.

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


缺点:值长度有限制.

Post.htm

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

<input type="text" name="txt1"
<input type="button" onclick="setCookie('baobao',document.all.txt1.value)" value="Post"
<script language="javascript"
function setCookie(name,value)
{
/*
 *--------------- setCookie(name,value) -----------------
 * setCookie(name,value)
 * 功能:设置得变量name的值
 * 参数:name,字符串;value,字符串.
 * 实例:setCookie('username','baobao')
 *--------------- setCookie(name,value) -----------------
 */

    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
    location.href = "Read.htm"; //接收页面.
}
</script


Read.htm

<script language="javascript"
function getCookie(name)
{
/*
 *--------------- getCookie(name) -----------------
 * getCookie(name)
 * 功能:取得变量name的值
 * 参数:name,字符串.
 * 实例:alert(getCookie("baobao"));
 *--------------- getCookie(name) -----------------
 */
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr !=null) return unescape(arr); return null;
}
alert(getCookie("baobao"));
</script

本新闻共2页,当前在第1页  1  2  

展开更多 50%)
分享

猜你喜欢

静态页面的值传递(三部曲)

电脑网络
静态页面的值传递(三部曲)

防晒妙招三部曲

防晒
防晒妙招三部曲

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

美白三部曲

美白
美白三部曲

男士保湿三部曲

护肤方法
男士保湿三部曲

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

僵尸部队三部曲

电脑网络
僵尸部队三部曲

春季膳食养生三部曲

食疗养生
春季膳食养生三部曲

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PSV《战国无双4-2》无限城80层打法心得分享

PSV《战国无双4-2》无限城80层打法心得分享

网页常用小技巧—javascript篇

网页常用小技巧—javascript篇
下拉加载更多内容 ↓