程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

基于 URL 参数的动态文本

发布于2023-11-12 15:19     阅读(1180)     评论(0)     点赞(14)     收藏(0)


我正在 Instapage 上建立一个网站,主页上有一个表格,其中包含两个字段:州和实践领域。当访问者提交他的选择时,他会被重定向到另一个页面,其中“区域”和“州”作为 URL 参数。

到目前为止一切都很好,但现在我想在页面上写一段话,我们就说“[州]中的[练习区]”,其中括号将包含URL参数中的相应信息。我猜测这将是一个简单的 HTML 代码,它将我正在编写的段落中的参数名称替换为 URL 中的描述。

如果 URL 中没有参数,我还希望有一个默认文本。

需要明确的是,我试图在同一个段落中完成所有这些操作,因此该段落的大部分内容保持不变,其中只有几个单词会根据参数进行更改(或者如果有的话,则有一个默认值)没有参数)。

任何帮助,将不胜感激。谢谢你!


解决方案


如果你的网址是这样的:

[协议]://[主机名]/[州]/[练习区域]

你可以得到这样的statepractice

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”

你可以得到这样的statepractice

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/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

14 0
收藏该文
已收藏

评论内容:(最多支持255个字符)