[英]How do I pass form data from one HTML page to another HTML page using ONLY javascript?
[英]How to Pass values form One html Page to Another html Page javascript?
如何將值從一個html頁面傳遞到另一個html頁面javascript
例如:
Page1.html頁面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>arasu</title>
<style type="text/css">
#popupbox{
margin: 0;
margin-left: 40%;
margin-right: 40%;
margin-top: 50px;
padding-top: 10px;
width: 20%;
height: 150px;
position: absolute;
background: #FBFBF0;
border: solid #000000 2px;
z-index: 9;
font-family: arial;
visibility: hidden;
}
</style>
<script language="JavaScript" type="text/javascript">
function login(showhide){
if(showhide == "show"){
document.getElementById('popupbox').style.visibility="visible";
}else if(showhide == "hide"){
document.getElementById('popupbox').style.visibility="hidden";
}
}
</script>
</head>
<body>
<div >
<form name="login" action="AgaramAnimation.html" method="get">
<center>Username:</center>
<center><input name="username" size="14" /></center>
<center>Password:</center>
<center><input name="password" type="password" size="14" /></center>
<center><input type="submit" name="submit" value="login" /></center>
</form>
</div>
</body>
</html>
在這里我輸入兩個值用戶名和密碼,當我點擊提交按鈕時,彈出窗口將關閉,值傳遞給下面給出的另一個頁面java腳本。
Page2.html
function gettingvalues()
{
var connection = new ActiveXObject("ADODB.Connection");
var connectionstring = "Data Source="";Initial Catalog="";User ID="";Password="";Provider=""";
connection.Open(connectionstring);
var rs = new ActiveXObject("ADODB.Recordset");
rs.Open("select * from logindetails where username='" **+ username +** "' and password= '" **+ password +** "'", connection);
if (!rs.eof) {
document.getElementById("").innerHTML = ""; }
else {
alert('please enter valid username and password');
}
connection.close;
}
請幫助我..........
假設您的兩個頁面位於同一個域中,則可以使用localStorage。
Popup.html:
var user = prompt('user name', '');
var password = prompt('password', '');
localStorage.user = user;
localStorage.password = password;
然后回到主頁面:
var user = localStorage.user;
var password = localStorage.password;
注1 :我不會評論安全性(除了說當然不要像我上面那樣做!)
注2 :localStorage僅支持約92%: http : //caniuse.com/namevalue-storage
如果Main.html
使用window.open()
打開Popup.html
,則Popup.html頁面可以使用window.opener
引用其打開窗口( Main.html
的窗口)。 因此它可以調用Main.html
定義的setCredentials
回調函數
window.opener.setCredentials(...);
例:
在Main.html中:
// callback function called by the popup
function setCredentials(login, password) {
// do what you want with the login and password
}
在Popup.html中
// function called when the form is submitted
function login(login, password) {
window.opener.setCredentials(login, password);
window.close();
}
您可以通過window.parent
引用打開新窗口的窗口(稱為父窗口),然后使用該對象執行您的javascript。
以下是使用此命令強制父頁面刷新的示例: [1]強制通過javascript刷新父頁面
所以在你的情況下,你可以在你的js中說出用戶名和密碼的變量,你可以在彈出窗口中設置它們,如下所示:
//parent window
username = "";
password = "";
....
//popup window
window.parent.username = enteredUsername;
window.parent.password = enteredPassword;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.