我如何使用JS将值从一个页面发送到另一个页面 [英] How I send value from one page to another in HTML using JS
问题描述
嗨
我是JS新手
在HTML中我有2页>
第1页包含1个文本框
第2页包含1个标签
我想要在标签中显示文本框值使用JS但是Realtym。如果我在文本框中输入任何值,它在标签上反映相同的tym
我尝试过:
我没有做到这一点是否有可能。我搜索无处不在我找不到
Hi
I am New to JS
In HTML I have 2 pages
1st page contain 1 textbox
2nd page contain 1 label
I want to show textbox value in label Using JS But Realtym . If i enter any value in textbox it reflect same tym on label
What I have tried:
I failed to do that Is it possible . i search everywhere i didnt find
推荐答案
Page 1
Page 1
<html>
<head>
<script>
function keypress() {
var txt1 = document.getElementById("txt1");
var value = txt1.value;
setCookie('txt1value', value, 1)
}
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
</script>
</head>
<body>
<input id="txt1" type="text" onkeypress="keypress()" onkeyup="keypress()"><br>
</body>
</html>
Page 2
Page 2
<html>
<head>
<title>Page 2</title>
</head>
<body>
<span id="lbl"></span>
<script>
setInterval(function () {
var value = getCookie('txt1value')
document.getElementById('lbl').textContent = value;
}, 100)
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
</script>
</body>
</html>
注意:您必须主持页面才能使其正常工作
参考这些
JavaScript Cookies [ ^ ]
Window setInterval()方法 [ ^ ]
Note: you will have to host the pages to make it work
Refer these
JavaScript Cookies[^]
Window setInterval() Method[^]
这篇关于我如何使用JS将值从一个页面发送到另一个页面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!