Javascript 在一个HTML页面中输入值,另一个HTML页面动态显示该值,每次都不显示新值

Javascript 在一个HTML页面中输入值,另一个HTML页面动态显示该值,每次都不显示新值,javascript,html,Javascript,Html,要求 为一个html页面中的字段添加值 提交 应该在另一个html页面上显示该值 第一页上的任何更新都应该更新第二页,而不是打开新页 我写了一些HTML,如下所示。发生的事情是,一旦我按下submit,它就会在同一窗口中打开另一个页面(page2.html)。我想要的是有两个html窗口,每当我更新主页时,它都应该反映在同一个页面上。(第2页html) Home.html 医嘱ID: page2.html 函数getParams(){ var idx=document.URL.index

要求

  • 为一个html页面中的字段添加值
  • 提交
  • 应该在另一个html页面上显示该值
  • 第一页上的任何更新都应该更新第二页,而不是打开新页
  • 我写了一些HTML,如下所示。发生的事情是,一旦我按下submit,它就会在同一窗口中打开另一个页面(page2.html)。我想要的是有两个html窗口,每当我更新主页时,它都应该反映在同一个页面上。(第2页html)

    Home.html
    
    
    医嘱ID:
    

    page2.html
    
    
    函数getParams(){
    var idx=document.URL.indexOf(“?”);
    var params=新数组();
    如果(idx!=-1){
    var pairs=document.URL.substring(idx+1,document.URL.length).split('&');
    
    对于(var i=0;i将参数初始化为空对象而不是数组:

    var params = {};
    
    这将允许您对键使用字符串和其他值

    请确保在声明变量时包含var:

    var params = getParams();
    
    var firstName = unescape(params["orderId"]);
    
    可以学习,但尽量不要使用document.write。最好使用:。在这种情况下,您可以通过执行以下操作将其添加到正文中:

    var p = document.createElement("p");
    p.innerHTML = "OrderID = " + firstname;
    document.body.appendChild(p);
    

    除此之外,您的代码看起来还不错。如果您仍然有问题,请发表意见。使用firebug或chrome的控制台发布任何错误。

    我可以通过在home.html中添加target=“page2.html”来实现这一点。

    我希望在home.html上说提交时,它会第一次打开一个新的html页面(page2.html)此后,当我更新第一个页面并说提交时,它应该反映在page2.html上(与打开的页面相同,而不是新页面)
    var params = getParams();
    
    var firstName = unescape(params["orderId"]);
    
    var p = document.createElement("p");
    p.innerHTML = "OrderID = " + firstname;
    document.body.appendChild(p);