2016-11-08 5 views
0

他のHTMLページのdocument.writeに可能ですか?別のhtmlページのDocument.write

たとえば、2つのhtmlページを作成します。最初のページには、テキストフィールドと送信ボタンがあります。テキストフィールドにテキストを入力し、送信ボタンをクリックすると、テキストフィールドの値が2番目のhtmlページに転送され、htmlページが読み込まれ、その値が書き込まれます。 JavaScriptに

ただ、初心者にはとても私と一緒にしてくださいクマ:D

+0

いいえ、あなたはサイト間の値を同期するために 'localStorage'を使うことができます。 –

+0

さて、はい、いいえ。純粋なjavascriptではなく、そうではありません(技術的には同じですが、両方のページを同じブラウザで、別のタブで表示する必要があります)。 Javascriptはブラウザにローカルであり、localStorageを除いて何も保存できません.AJAX呼び出しを実行し、バックグラウンドで何かを更新し、他のページで更新をチェックすることができます。 – junkfoodjunkie

+0

もう1つの方法は、page2.html?value = textFromTextboxを読み込み、page1でsubmitボタンをクリックしてから2番目のページのURLから値を抽出することです。 –

答えて

0

あなたは純粋なJavaScriptとHTMLを使っているので、私は、サーバー側のものは、画像の外にあると仮定します。だから、フェリックス・クリングのコメントは実際には良い方法だと思います。あなたはシングルページアプリケーションで作業している場合は、非常に簡単にちょうど正しい範囲内の値を格納することによって、これを達成することができます

/* index.html */ 
<form action="result.html" onsubmit="submit()"> 
    <input type="text" id="input"> 
    <input type="submit" value="Submit"> 
</form> 
<script> 
function submit() { 
    var input = document.getElementById("input").value; 
    localStorage.input = input; 
} 
</script> 

/* result.html */ 
<div id="result"></div> 
<script> 
    document.getElementById("result").innerHTML = localStorage.input; 
</script> 
+0

私は 'var x = 1; var y = 2; localStorage.input = x; localStorage.input = y '? –

+0

'localStorage'はオブジェクトなので、' localStorage.x = 1; 'や' localStorage.y = 2; 'のように言うことができます。これは保存されたオブジェクトで、後で、別のページや更新した後でも再び読むことができます。しかし、それは長期保存として信頼性がありません。長期間の保管のためにWebSQLを調べてください。 –

0

:ここでは、この仕事をするためにlocalStorageを使用することができます一つの方法です。クッキーに保存するのlocalStorage /のsessionStorage

  • 内のURLに

  • 保存値をパラメータを送信

    1. :複数ページのアプリケーション上にある場合 は、次のいずれかの方法でこれを達成することができます

    2. (推奨しない)フォームのparamでサーバーに送信する(推奨しません)
  • 0

    phpを使用せずに、次のように他のhtmlファイルにdocument.write()することができます。

    <html> 
        <script> 
        var a = document.location.toString(); 
        var b = a.slice(a.indexOf("?")+1,a.length); 
        var c = b.split("&"); 
        for(i=0;i<c.length;i++){ 
    document.write(c[i]); 
        } 
    </script> 
    </html> 
    
    1

    これは、クエリ文字列を使用して行うことができます。

    あなたのページをリダイレクトしようとしているこの行と、クエリ文字列内のテキストフィールドの値を使用します。

    関連する問題