用另一頁面的JavaScript變量填充新頁面

我是JavaScript新手，我想創建一個帶有輸入字段和一些按鈕的html文件。當用戶填寫所有數據並選擇他們的按鈕時，他們按提交按鈕，這將打開新的「result.html」頁面，我想存儲一些變量。這個頁面應該有自己的設計和現在的行動結果。用另一頁面的JavaScript變量填充新頁面

你能給我一個建議如何正確地做到這一點。我嘗試了下面的代碼，但沒有成功。

quick.html

<html> 
<head> 
    <script type="text/javascript" src="submit.js"></script> 
</head> 
<body> 
    <div style="height: 25px;"><input type="text" id="name"></div> 
    <div style="height: 25px;"><input type="text" id="age"></div> 

    <div><input type="submit" id="p11" value="1" onClick="add1();"></div> 
    <div><input type="submit" id="p12" value="2" onClick="add1();"></div><br /><br /> 
    <div><input type="submit" id="p21" value="1" onClick="add3();"></div> 
    <div><input type="submit" id="p22" value="2" onClick="add4();"></div><br /><br /> 

    <div id="button"> 
    <input type="submit" id="calculate" value="CALCULATE" onClick="run();input();wopen();"> 
    </div> 
</body> 
</html>

submit.js

var p1 = 0; 
var p2 = 0; 

function add1() { 
    p1 = 1; return p1;} 
function add2() { 
    p1 = 2; return p1;} 
function add3() { 
    p2 = 1; return p2;} 
function add4() { 
    p2 = 2; return p2;} 

function run() { 
    sum = p1+p2;} 

function input() { 
    inp1 = document.getElementById("name").value; 
    inp2 = document.getElementById("age").value; 
    myName = "My name is: " + inp1 + '<br />'; 
    myAge = "My age is: " + inp2 + '<br />';} 

function wopen() { 
    window.open("result.html","_blank");}

result.html

<html> 
<head> 
    <script type="text/javascript" src="submit.js"></script> 
</head> 
<body> 
    <div id="info"></div> 
    <br/> 
    <div id="number"></div> 
<script type="text/javascript"> 
    document.getElementById("info").innerHTML = ("The name: " + myName); 
    document.getElementById("info").innerHTML = ("The name: " + myName); 
    document.getElementById("number").innerHTML = ("The sum of numbers: " + sum); 
</script> 
</body> 
</html>

來源

2014-02-23 mpavlovic89

您可以使用localStorage

function input() { 
    inp1 = document.getElementById("name").value; 
    localStorage.setItem('myName', inp1); 
}

在result.html

<script type="text/javascript"> 
    document.getElementById("info").innerHTML = localStorage.getItem('myName'); 
</script>

來源

2014-02-23 17:41:42 Satpal

你也可以使用cookies，但我相信有人會說這是一個壞主意。我的首選方法是localStorage，但記得古老的網頁瀏覽器（IE7）不喜歡localstorage。 –

如果您正在使用結果頁面的新窗口/選項卡中，原始網頁仍然是通過opener對象訪問。

步驟： 1.裝入一個新的HTML像result.html到新窗口 2.在身體onload事件，稱這將訪問像下面這些領域的功能：

var v1 = window.opener.document.getElementById('thatid').value;

來源

2014-02-23 18:04:55 Teddy

用另一頁面的JavaScript變量填充新頁面

回答

相關問題