如何使用JavaScript&；一个html页面上的DOM外部链接到另一个html页面

所以基本上我在同一个文件夹中有两个html页面。其中一个是主页，另一个是基本上是表单的页面。一旦用户填写表单并单击submit按钮，我希望它能够自动更改主页信息，并使用DOM将信息写入表单中

我所尝试的：

• Firefox控制台对每个HTML文档使用一个外部的相同JavaScript文件，表示

  id

  为

  null

• 使用全局变量不起作用

如果我说得不够好，或者你不明白，请评论并告诉我

下面是一个我尝试做的示例，但没有成功，因为id为

type

的

div

位于不同的HTML文档中

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

表格页：

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

。如果您需要支持 尝试演示：或

---

为什么你的尝试都不管用

Firefox控制台对每个HTML文档使用一个相同的外部JavaScript文件，表示id为空

变量不会在不同网页之间共享

使用全局变量不起作用

与#1相同

---

将变量从一个页面传递到另一个页面需要某种形式的带有参数的查询，即

newpage.php？newdata='这是来自旧页面'

。您需要实现几个选项之一：如前所述，您可以将提交的数据存储在cookie中，然后在随后的页面加载中检索它们，您可以使用实际的提交查询将数据发送回主页（见上文）或者，您可以使用AJAX例程将数据发送到主页，而无需任何类型的提交操作。

您无法更改页面上不在页面上的任何内容。当你到达那里时，你只能记住你想要更改的内容。使用cookies存储你的信息，然后在你的主页上显示它们怎么样。@Derek或LocalStorage，如果IE不受支持。哦，我的天哪，这真是管用！！！谢谢有没有办法让它自动完成？就像我现在有一个刷新按钮，它是onclick=“showtuff（）”，效率要低得多。@Alex-Try

window.onload=showtuff如果您希望它在每次加载页面时都运行。@Alex-您可以查看答案中包含的内容，这与您现在正在做的类似。。）<代码>showStuff（）

会在每次加载页面时自动执行。我正在看演示，不太清楚它的意思。从来没有在这里面看到过任何$符号。我看不出你把窗口写在哪里了too@Alex-好的，为了提高效率，我在演示中使用了。（

$

也在许多库中使用）不过我可以为您创建一个简单的JavaScript。