Heim  >  Artikel  >  Web-Frontend  >  javascript静态页面传值的三种方法分享_javascript技巧

javascript静态页面传值的三种方法分享_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:15:481167Durchsuche

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

复制代码 代码如下:






Read.htm

复制代码 代码如下:


<script><BR>String.prototype.getQuery = function(name)<BR>{<BR>var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");<BR>var r = this.substr(this.indexOf("?")+1).match(reg);<BR>if (r!=null) return unescape(r[2]); return null;<BR>}<BR>var str ="www.jb51.net/index.htm?a=1&b=1&c=测试测试";<BR>alert(str.getQuery("a"));<BR>alert(str.getQuery("b"));<BR>alert(str.getQuery("c"));<BR></script>

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

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

复制代码 代码如下:




Read.htm

复制代码 代码如下:


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

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

复制代码 代码如下:



Read.htm

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn