javascript - 将文本框输入传递到另一个页面时出现问题 - 特别是 javascript 和 html 中的名字和姓氏

标签 javascript jquery html css

我不熟悉使用 html 进行 JavaScript 编码,现在困扰我的事情是将变量传递给 java 脚本中的另一个页面。 所以我的第一页代码是:

<html>
<head><title>lol1</title></head>
<body>
<form action="lol2.html">
<input  type="text" name ="firstname" placeholder="First Name">
<input  type="text" name="lastname" placeholder="Last Name">
<input  type="Submit" value="Submit" >
</form>
</body>
</html>

第二页是:

<html>
<head>
<title>
lol2
</title>
</head>
<body>
<script>
    var queryString = decodeURIComponent(window.location.search);
    var queries = queryString.split();
    document.write(queries); 
</script> 
</body>
</html>

在文本框中输入值后,它会将我带到第二页,但结果显示如下:

enter image description here

那么我该如何去掉“firstname=”和“Secondname=”呢?或找到解决问题的有效方法。

最佳答案

JavaScript 为此内置了一个方法:URL()searchParams

你可以像这样使用它:

let params = (new URL(document.location)).searchParams;
let firstname = params.get("firstname");
let lastname = params.get("lastname");

关于javascript - 将文本框输入传递到另一个页面时出现问题 - 特别是 javascript 和 html 中的名字和姓氏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50878585/

相关文章:

javascript - 基于 <select> 的产品过滤器的奇怪行为导致选择框为空

javascript - 在 Vuejs 中使用 v-for 渲染列表?

JavaScript 获取内容框的大小

javascript - 在 Angular JS 中显示/隐藏通用模式的最佳方式

jquery - CKEditor 与 knockoutjs 内联集成

javascript - 如何加载新图像并将其绘制到 Canvas 上?

javascript - 渲染 Canvasjs 图表后更改 div 边框

html - 为什么悬停时变换旋转不起作用?

html - 正确显示 jQuery UI 图标

html - 如何在 div 框中制作不同的边框颜色?