JavaScriptがHTMLの静的ページに値を渡す方法

ちょうどある友達が私にHTMLページの間でどのようにデータを伝達するかと聞いたが、これは確かに難しい問題で、ダイナミックページであれば、この問題を考える必要はなく、純粋なHTML+JavaScriptのアプリケーションであれば、データベースなどの操作ができず、データを保存していないので、もちろんHTML 5のオフラインデータの格納を考えたかもしれない.そうすればデータの交換も可能になるので、HTMLの静的ページ間で値を伝える方法をいくつか共有します.
2つのページがindexであると仮定します.htmlとsingle.html,index.htmlにはフォームがあり、フォームにはnameとvalueの2つのフィールドがあります.以下のようにします.

    
 
  
 当点击提交的时候，我想让name和value的值提交到single中去，那么我们应该如何编写代码呢，这里我提供给大家几个方法，你可以选择你觉得和合适的方法去编写这个应用。
 
  
 JavaScript通过URL传值
 
  
 这个方法没有什么技术含量，也是最简单的，不过有个缺点就是传输的值不能太大，因为浏览器对与URL的长度是有限制的。
 
  
 将form的action属性设置为GET，那么表单里面的字段就会自动通过url传输过去，然后在single.html页面获取url，分割参数就可以得到数据。
 
  
var url=location.search;
var Request = new Object();
if(url.indexOf("?")!=-1){
    var str = url.substr(1)　//  ? 
    strs = str.split("&");
    for(var i=0;i 
  
           ，       。
 
  
 JavaScript  Cookie  
 
  
 Cookie            ，                 ，Cookie          ，                              。
 
  
               Cookie    ，  jquery  ，     jquery       ，       。
 
  
$('from').submit(function(){
    addCookie('name', $('input["name"="name"]').val());
    addCookie('name', $('input["name"="value"]').val());
})
//  Cookie
function addCookie(name,value,expireHours){
    var cookieString=name+"="+escape(value);
    //          
    if(expireHours>0){
        var date=new Date();
        date.setTime(date.getTime+expireHours*3600*1000);
        cookieString=cookieString+"; expire="+date.toGMTString();
    }
    document.cookie=cookieString;
}
  
そしてsingleでhtmlページはCookieを  し、ここでは  のCookieを  する  も  します.
//  Cookie
function getCookie(name){
    var strCookie=document.cookie;
    var arrCookie=strCookie.split("; ");
    for(var i=0;i 
  
               ，       ，            。
 
  
 JavaScript  Window.open  
 
  
            ，   index.html     single.html       window.opener     ，            ， single.html         ：
 
  

//window.open     .
//  opener     .
var parentText = window.opener.document.all.maintext.value;
alert(parentText);
  
この  は を るのが  で、windowだけです.Openerは ウィンドウを し、すべてのオブジェクトにアクセスできます. にアクセスできるだけでなく、 ウィンドウにもアクセスできる  は、 の さに  がなく、 ウィンドウに  があるのはwindowを  することであるという  がある.Openが いているウィンドウはドメインにまたがることはできません.
JavaScriptはHTML 5を してローカルに を  します
HTML 5にオフラインストレージが たに  されると、オフラインデータベースを  してデータを  し、  な  でデータを び すことができます.これは、 のアプリケーションとは なり、  の   かもしれません.
 しいテクノロジーなので、 のコードでブラウザがサポートされているかどうかを  できます.
if(window.localStorage){
    alert('This browser supports localStorage');
}else{
    alert('This browser does NOT support localStorage');
}
  
    の 
localStorage.name = $('input["name"="name"]').val();
  
  の を み む
var myname = localStorage["name"];
  
  、   さんにお けしたJavaScriptがHTMLの  ページに を える  です.プロジェクトの  を  する  を  することができます. の  があれば、    を  します.
  は  がネットの  を いてネットの  を いて、そしてネットの  を いて、  して  と  のリンクを  してください.
  の  は  を  する  、すべて  のオリジナルあるいは  で、いかなる  の  を  して、しかし ず  を  して、  の  を  してください.
JavaScriptがHTMLの  なページに を える  
  タイトル:JavaScriptがHTMLの  ページに を える  
   :http://www.uedsc.com/javascript-html-get-value.html