如何解决如何从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。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。