javascript靜態頁面傳值的三種方法分享_javascript技巧

一：JavaScript靜態頁值傳遞之URL篇
能過URL進行傳值.把要傳遞的訊息接在URL上.
Post. htm

複製程式碼 程式碼如下:

Read.htm

複製程式碼 程式碼如下:

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

alert(str.getQuery("c"));

優點:取值方便.可以跨域.

缺點:值長度有限制
二：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開啟的視窗.不能跨域.