js页面跳转input传值

<!-- 源页面 -->
<input type="text" id="userId" value="123">
<button onclick="redirectToPage()">Go to Next Page</button>

<script>
function redirectToPage() {
    var userId = document.getElementById('userId').value;
    window.location.href = 'nextpage.html?userId=' + encodeURIComponent(userId);
}
</script>

// nextpage.html
var urlParams = new URLSearchParams(window.location.search);
var userId = urlParams.get('userId');
console.log(userId); // 输出: 123

<!-- 源页面 -->
<form action="nextpage.html" method="get">
    <input type="text" name="userId" value="123">
    <button type="submit">Submit</button>
</form>

// nextpage.html
var urlParams = new URLSearchParams(window.location.search);
var userId = urlParams.get('userId');
console.log(userId); // 输出: 123

<!-- 源页面 -->
<input type="text" id="userId" value="123">
<button onclick="redirectToPage()">Go to Next Page</button>

<script>
function redirectToPage() {
    var userId = document.getElementById('userId').value;
    var queryParams = new URLSearchParams({ userId: userId }).toString();
    window.location.href = 'nextpage.html?' + queryParams;
}
</script>

// nextpage.html
var urlParams = new URLSearchParams(window.location.search);
var userId = urlParams.get('userId');
console.log(userId); // 输出: 123