値を1つのhtmlページから別のhtmlページに渡す方法javascript？

どのように私は、例えば、別のHTMLページのJavaScript値を1つのhtmlページから別のhtmlページに渡す方法javascript？

に1つのHTMLページから値を渡すことができます。

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>

ここで私はときに、2つの値のユーザー名とパスワードを入力してください送信ボタンをクリックすると、ポップアップが閉じられ、値は別のページの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; 
     }

plsは私を助け..........

出典

2011-12-18 Raj

Main.htmlがwindow.open()とPopup.htmlを開いた場合は、Popup.htmlページが持つことができます開始ウィンドウ（Main.htmlのウィンドウ）への参照は、window.openerを使用します。したがって、使用してMain.htmlで定義されてsetCredentialsコールバック関数を呼び出すことができ

window.opener.setCredentials(...);

例：main.htmlとで

：Popup.htmlで

// callback function called by the popup 
function setCredentials(login, password) { 
    // do what you want with the login and password 
}

// function called when the form is submitted 
function login(login, password) { 
    window.opener.setCredentials(login, password); 
    window.close(); 
}

出典

2011-12-18 09:33:50

plsはいくつかの例を示します。 – Raj

jsfiddleのようなWebエディタでは、別のhtmlページが必要なので、このような例を作るのは難しいです。 – keithwyland

することができます新しいウィンドウを開いたウィンドウ（親ウィンドウと呼ばれる）を参照してください。 window.parentし、そのオブジェクトを使用してJavaScriptを実行します。ここで

は、これを使用してリフレッシュするために親ページを強制する例です：[1]Forcing parent page refresh through javascript

だからあなたの場合には、あなたがこのようなあなたのjsにユーザ名とパスワードの変数を言ったかもしれない、あなたはポップアップウィンドウでそれらを設定することができますそうですね。

//parent window 
username = ""; 
password = ""; 

.... 

//popup window 
window.parent.username = enteredUsername; 
window.parent.password = enteredPassword;

出典

2011-12-18 09:45:07 vassilo

ポップアップウィンドウはHtml.Pageで区切られています。ここで私の質問はmain.htmlのリンクをクリックするとポップアップウィンドウが開き、ユーザー名とパスワードを入力してポップアップウィンドウを閉じ、メインのHTMLのユーザー名とパスワードをJavaスクリプトに渡す必要があります。 – Raj

はい。メインページがあります。メインページの内側から、パスワード情報を取得するための新しいhtmlページが表示されます。新しいhtmlページには、window.parentで開いた親ページへの参照が含まれています。ポップアップウィンドウを閉じる前に、親ページでユーザー名とパスワードを設定してから、親の親ページで続行します。 – vassilo

@vassilo：window.parentは、フレームセット内のフレームの親ページです。ポップアップとは関係ありません。 window.openerは、ポップアップを開いたウィンドウです。 https://developer.mozilla.org/fr/DOM/window.parentおよび私の答え –

2つのページが同じドメインにあると仮定すると、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

出典

2013-03-25 02:56:36

値を1つのhtmlページから別のhtmlページに渡す方法javascript？

答えて

関連する問題