Javascript彈出窗口并返回值是一個非常常見的Web開發(fā)需求，例如在實現(xiàn)用戶登陸注冊時，經(jīng)常需要彈出一個新的窗口，讓用戶輸入用戶名和密碼，然后再返回到原來的頁面，這就需要用到Javascript彈出窗口并返回值的技術(shù)。

彈出窗口可以通過window對象的open方法創(chuàng)建，例如：

function openLoginWindow() {
var loginWindow = window.open("login.html"," Login ","width=400,height=300");
}

這個函數(shù)將創(chuàng)建一個名為 Login 的窗口，大小為寬400，高300，并加載一個名為 login.html 的頁面。現(xiàn)在，我們需要在這個窗口中顯示一個表單，讓用戶輸入用戶名和密碼并點擊submit按鈕，然后將這些值傳遞回到原來的頁面。接下來，我們將探討如何實現(xiàn)這個功能。

首先，在 login.html 頁面中添加一個表單，例如：

<form id="loginForm">
<label> 用戶名: <input type="text" name="username"></label>
<label> 密碼: <input type="password" name="password"></label>
<input type="submit" value="登錄">
</form>

當用戶點擊 submit 按鈕時，我們需要將表單數(shù)據(jù)傳遞回到原來的頁面。我們可以使用 window.opener 對象來訪問原來的頁面，例如：

function submitLoginForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
window.opener.loginCallback(username, password);
window.close();
}

這個函數(shù)將獲取表單中的用戶名和密碼，并調(diào)用原來頁面中的 loginCallback 方法來傳遞這些值。然后，它將關(guān)閉彈出窗口。

現(xiàn)在，在原來的頁面中，我們需要添加一個 loginCallback 方法，用來接收傳遞回來的值，例如：

function loginCallback(username, password) {
alert("您輸入的用戶名為 " + username + "，密碼為 " + password);
}

這個方法將彈出一個提示框，顯示用戶名和密碼。當用戶在彈出窗口中輸入用戶名和密碼并點擊 submit 按鈕時，這個方法將被調(diào)用，并顯示提示框。

在以上的例子中，我們演示了如何通過Javascript彈出窗口并返回值的技術(shù)來實現(xiàn)用戶登錄功能。實際上，我們可以將該技術(shù)應(yīng)用到很多其他的場景中，例如彈出一個新的窗口來編輯用戶資料或者添加商品等。總之，Javascript彈出窗口并返回值是一個非常有用的Web開發(fā)技術(shù)，值得我們深入研究和掌握。