2016-11-08 93 views
0

嗯,是否有可能在其他html页面上使用document.writeDocument.write在另一个html页面

例如我创建了两个html页面,第一页有一个文本框并提交按钮。我在文本字段中输入文本,点击提交按钮后,文本字段的值将被传输到第二个html页面并加载html页面并在其上写入值。

只是一个初学者的JavaScript所以容忍我请:d

+0

不,但您可以使用'localStorage'来同步站点之间的值。 –

+0

嗯,是的,没有。不是纯粹的JavaScript,它不是(从技术上说,它不是),但这意味着你必须在同一个浏览器上有两个页面,只是不同的标签)。 Javascript是浏览器本地的,除了localStorage之外不能保存任何东西 - 你可以做的是运行AJAX调用,在后台更新内容,并让其他页面检查更新。 – junkfoodjunkie

+0

另一种可能性是在用户单击页面1上的提交按钮并从第二页上的URL提取值后加载page2.html?value = textFromTextbox –

回答

0

由于您使用纯JavaScript和HTML,我假设服务器端的东西出来的画面。因此,Felix Kling的评论其实是我认为的一个好方法。这里是你可以使用localStorage,使这项工作的一种方式:

/* 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

如果您在单页应用工作,你可以很容易地做到这一点,通过只存储在正确的范围值。

  1. 中的localStorage/sessionStorage的

  2. 在URL发送参数

  3. 储值其存储在cookie的: 如果您在多个网页应用程序,您可以通过以下任何一种方式实现这一目标(不推荐)

  4. 以表单形式发送给服务器参数(不推荐)

0

如果不使用php,你可以按如下方式将document.write()提交的文本放在其他html文件中。

<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

您可以通过使用查询字符串来做到这一点。

window.location = "Pass.aspx?variabletopass=test"; 

使用此行试图重定向您的页面的位置,以及您的文本字段在查询字符串中的值。

相关问题