时间戳

首页 > 解决方案 > 如何从 URL 输入动态更改文本？

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

问题描述

我想要那样的东西..

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

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

感谢提前。

标签： javascripttextdynamic

解决方案

您可以解析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;

在这里查看代码笔。

推荐阅读