2

基本的に、同じフォルダーに2つのhtmlページがあります。1 つはホームページで、もう 1 つは基本的にフォームであるページです。フォームに記入して送信ボタンを押すと、DOMを使ってフォームに書き込んだ情報でホームページの情報を自動的に変更してくれるようにしたいと思います。

私が試したこと：

  • HTMLドキュメントごとに外部の同じJavaScriptファイルを使用すると、Firefoxコンソールはid、null
  • グローバル変数を使用しても機能しませんでした。

言葉遣いが足りなかったり、わからないことがあればコメントで教えてください！

これは私がやろうとしたことの例ですが、divwith idtypeが別の HTML ドキュメントにあるために機能しませんでした。

function submitform(){
    var textbox = document.getElementsByName('name').item(0);
    value= textbox.value;
    window.alert(value);
    document.getElementById('type').innerHTML = value;
}
4

2 に答える 2

0

フォームページ：

function submitform(){
    var textbox = document.getElementsByName('name')[0];
    value = textbox.value;
    localStorage["name"] = value;                      //save it in localStorage
}                                                      //for later use

ホームページ：

function showStuff(){
    var value = localStorage["name"];                  //get the information back
    document.getElementById('type').innerHTML = value; //put it in
}

localStorageすべての主要なブラウザでサポートされています。<IE9をサポートする必要がある場合は、jStorageを試してください。
デモをお試しください：http： //jsfiddle.net/DerekL/r4fXw/またはhttp://pastebin.com/SurbLhWZ

なぜあなたの試みのどれもうまくいかないのですか

  1. HTMLドキュメントごとに外部の同じJavaScriptファイルを使用して、FirefoxコンソールはIDがnullであると述べました

    変数は、異なるWebページ間で共有されません。

  2. グローバル変数を使用すると、機能しませんでした。

    ＃1と同じ。

于 2012-12-02T02:22:41.383 に答える
0

あるページから別のページに変数を渡すには、パラメータを使用した何らかの形式のクエリが必要です。newpage.php?newdata='This came from the old page'。いくつかのオプションのいずれかを実装する必要があります。すでに述べたように、送信されたデータをCookieに保存し、その後のページの読み込み時にそれらを取得し、実際の送信クエリを使用してデータをホームページに送り返すことができます（上記を参照） ）または、AJAXルーチンを使用して、送信アクションを一切行わずにデータをホームページに送信することもできます。

于 2012-12-02T02:26:01.397 に答える