基于 URL 参数的动态文本
发布于2023-11-12 15:19 阅读(1201) 评论(0) 点赞(14) 收藏(0)
我正在 Instapage 上建立一个网站，主页上有一个表格，其中包含两个字段：州和实践领域。当访问者提交他的选择时，他会被重定向到另一个页面，其中“区域”和“州”作为 URL 参数。
到目前为止一切都很好，但现在我想在页面上写一段话，我们就说“[州]中的[练习区]”，其中括号将包含URL参数中的相应信息。我猜测这将是一个简单的 HTML 代码，它将我正在编写的段落中的参数名称替换为 URL 中的描述。
如果 URL 中没有参数，我还希望有一个默认文本。
需要明确的是，我试图在同一个段落中完成所有这些操作，因此该段落的大部分内容保持不变，其中只有几个单词会根据参数进行更改（或者如果有的话，则有一个默认值）没有参数）。
任何帮助，将不胜感激。谢谢你！
解决方案
如果你的网址是这样的：
[协议]://[主机名]/[州]/[练习区域]
你可以得到这样的state：practice
let state = window.location.pathname.split('/')[1] || 'your default value for state'
let practiceArea = window.location.pathname.split('/')[2] || 'your default value for practice area'
p = document.getElementById('text')
p.innerText = `${state} in ${practiceArea}`<p id='text'></p>更新
如果你的网址是这样的：
“[协议]://[主机名]/?state=statevalue&practiceArea=practiceValue”
你可以得到这样的state：practice
var urlParams = new URLSearchParams(window.location.search)
let state = urlParams.get('state') || 'your default value for state'
let practiceArea = urlParams.get('practiceArea') || 'your default value for practice area'
let p = document.getElementById('text')
p.innerText = `${state} in ${practiceArea}`<p id='text'></p>所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/531919/653c8be95167f9eaaca5/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力