使用 javascript 將數據從一個 html 頁面轉移到另一個頁面

Question

您好，我有一個兩頁的基本網站，其中有一個提交框，您可以在其中寫下一個名稱，然后是顯示“Welcome___”的第二頁，但是我的網站顯示？Welcome=___，我知道我需要解析查詢字符串，但我'我不知道該怎么做

表格.html

<body>
<form action="action.html" method="GET">
<input type="text" name="Welcome" />
<input type="submit" value="Submit" />
</form>
</body>

行動.html

<body>
<div id="write">
<p> Welcome  </p>
</div>
<script>
document.getElementById("write").innerHTML = window.location.search; 
</script>
</body>

Answer 1

要parse查詢字符串並從中提取您想要的參數， URLSearchParams 接口提供了有用的方法來幫助您做您想做的事情。 一個簡單的實現可能看起來像這樣。

<form action='action.html' method='GET'>
    <input type='text' name='Welcome' />
    <input type='submit' />
</form>


<div id='write'>
    <p>Welcome </p>
</div>

<script>
    let args=new URLSearchParams( location.search );
    if( args.has('Welcome') ){
        document.getElementById('write').querySelector('p').textContent += args.get('Welcome');
    }
</script>

使用 javascript 將數據從一個 html 頁面轉移到另一個頁面

問題描述

1 個解決方案

解決方案1
0 2022-05-03 07:50:27

使用 javascript 將數據從一個 html 頁面轉移到另一個頁面

問題描述

1 個解決方案

解決方案1 0 2022-05-03 07:50:27

解決方案1
0 2022-05-03 07:50:27