静态页面的值传递(三部曲)
时间： 2021-07-31 作者：daque
window.open篇 这两窗口之间生存着联系.父窗口parent.htm翻开子窗口son.htm子窗口不妨经过window.opener指向父窗口.如许不妨考察父窗口的东西.
便宜:取值简单.只有window.opener指向父窗口,就不妨考察一切东西. 不只不妨考察值,还不妨考察父窗口的本领.值长度无穷制.缺陷:两窗口要生存着联系.即是运用window.open翻开的窗口.不许跨域.
post.htm
<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
<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[2]); return null;}alert(getcookie("baobao"));</script>
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号