时间戳

首页 > 解决方案 > 如何将值从一个 URL 传输到 html 中的另一个 URL

javascript - 如何将值从一个 URL 传输到 html 中的另一个 URL

问题描述

在下面需要一些帮助：

第 1 页网址： www.example.com ?name=emily&email=example@gmail.com

我在www.example.com/index.html上的当前代码：

<html> 
<head>
<meta http-equiv="Refresh" content="0;url=www.test.com">
</head>
</html>

如何编写代码将“name”和“email”的值传递给另一个 URL？

它看起来像下面

所需的第 2 页 URL： www.test.com ?name=emily&email=example@gmail.com

抱歉，我对 html 和 Javascript 很陌生，请帮助我通过添加所需的代码来修改我的代码，以便我可以使用它并运行它。提前致谢！

标签： javascripthtml

解决方案

您可以使用window.location.search`URLSarchParams 获取查询字符串并解析它

let queryString = window.location.search;

let urlParams = new URLSearchParams(queryString)

let name = urlParams.get('name') // get name 
let email = urlParams.get('email') // get email

let newUrl = `www.test.com?name=${name}&email=${email}` // build new url

使用帖子https://stackoverflow.com/a/7524621/14959189更新获取元标记值：

function getMeta(metaName) {
  const metas = document.getElementsByTagName('meta');


  for (let i = 0; i < metas.length; i++) {
    if (metas[i].getAttribute('name') === metaName) {
      return metas[i].getAttribute('content');
    }
  }

  return '';
}

console.log(getMeta('myUrl'));
<html>

<head>
  <meta name="myUrl" http-equiv="Refresh" content="www.test.com">
</head>

</html>

推荐阅读