如何單擊按鈕使用JavaScript轉到某些頁面？

Question

這可能嗎？

http://url/jsp/index.jsp?id=xxx&password=xxx

我將其包含在按鈕中，因此，當用戶單擊按鈕時，他們會轉到某個頁面並使用ID和密碼登錄。

Answer 1

第一：將id和password放在頁面中（無論是在鏈接中，在代碼中的變量中還是在任何其他內容中）都是一個不好的主意 。 我強烈建議您不要這樣做。

---

假設您真的想將id和password作為查詢字符串參數傳遞， 可以的 ：

<input type="button" onclick="location = 'http://url/jsp/index.jsp?id=xxx&password=xxx'" value="Login">

...但是...這是鏈接的用途。

<a href="http://url/jsp/index.jsp?id=xxx&password=xxx">Login</a>

（如果需要，可以將鏈接設置為看起來像按鈕的樣式。）

---

如果您的目標是轉到通過身份驗證保護對資源的訪問的URL（例如，瀏覽器將彈出一個窗口，詢問用戶名和密碼），則取決於所使用的身份驗證類型。 對於用戶名和密碼，則可以用不同的格式設置鏈接：

http://username:password@url/jsp/index.jsp

（不再是，謝天謝地。正如Jeremy Miller在下面指出的那樣， IE和Chrome都不支持此功能（如果再有），並且如果其他人還沒有效仿的話，如果他們在某個時候這樣做，我不會感到驚訝... ）

但這又是一個非常糟糕的主意 。

Answer 2

通過這種解決方案是可能的。

<button id="buttonID" link="your login url">login</button>

$(document).ready(function() {
    $('#buttonID').click(function() { 
        var link = $(this).attr("link");

        if(link ) {
            window.location = link;
        }
    });
});

將ID分配給您的按鈕，然后將“ buttonID”替換為您的實際按鈕ID。 在點擊事件中，請執行上述操作。 網址必須調用登錄功能（如果是MVC，則為控制器功能），該功能應接受這些參數，進行身份驗證並重定向到登錄頁面。