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

问题描述

我想要类似的东西。

https://pl.sports-streams-online.best/?st=nbastream.tv&plcm=db&q=Raptors+vs+Lakers

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

感谢前进。

解决方法

您可以解析window.location并将其放入页面的div中。我无法在代码段中向您展示，因为这些代码段使用的是iframe，但是如果您的html具有<div id='uText'></div>，那么您可以使用javascript（在页面加载后）使用查询结果来设置该div的值参数。假设您的网址以?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;

签出代码笔here。

dynamic javascript