如何从 URL 输入中动态更改文本？

Question

我想要那样的东西..

https://pl.sports-streams-online.best/?st=nbastream.tv&plcm=db&q=猛龙+vs+湖人

请参阅 URL 部分 q=Raptors+vs+Lakers，如果我在此部分输入任何文本，它将在网站正文上自动更改。 我想知道我该怎么做。 我将在 URL 中输入一个文本，它将显示在网站正文上。

感谢提前。

Answer 1

您可以解析window.location并将其放入页面上的 div 中。 我无法在代码片段中向您展示，因为片段使用 iframe 但如果您的 html 具有<div id='uText'></div>那么您可以使用 javascript 的值（页面已加载后）带有查询参数结果的 div。 假设您的 url 以?st=nbastream.tv&plcm=db&q=Raptors+vs+Lakers ，那么您需要参数'q'的值：

function getQueryStringParam(param) {
  var url = window.location.toString();
  url.match(/\?(.+)$/);
  var params = RegExp.$1;
  params = params.split("&");
  var queryStringList = {};
  for(var i = 0; i < params.length; i++) {
    var tmp = params[i].split("=");
    queryStringList[tmp[0]] = unescape(tmp[1]);
  }
  return decodeURIComponent(queryStringList[param]);
}
let qParam = getQueryStringParam('q').split('+').join(' ');
const div = document.getElementById('uText');
div.innerHTML = qParam;

在这里查看代码笔。