jquery 如何获取URL参数并使用JavaScript将其添加到同一页面上的链接?

jei2mxaa  于 6个月前  发布在  jQuery
关注(0)|答案(2)|浏览(79)

我在我的网站上有一个页面,用户可以访问他们需要的语言访问网站。
举例来说:

<ul class="locale-list">
<li><a title="Deutsch" href="/de-de/" locale="de">Deutsch</a></li>
<li><a title="English" href="/en-en" locale=en">English</a></li>
<li><a title="French" href="/fr-fr/" locale="fr">Français</a></li>
</div>

字符串
这些链接将指向该语言的主页。
我想做的是,如果有人从网站上的现有页面访问此页面,他们将通过此URL参数返回到前一页:

example.com/languages?target=[page-slug]"


这样做的原因是,如果用户正在查看页面“Acme”,并需要更改语言,用户应该点击到语言选择器页面,点击他们想要的语言,它会把他们踢回“Acme”页面,这样他们就可以查看该语言的页面。
我的想法是,我可以抓住'target'参数值,并像这样更新链接:

<ul class="locale-list">
<li><a title="Deutsch" href="/de-de/[page-slug]" locale="de">Deutsch</a></li>
<li><a title="English" href="/en-en/[page-slug]" locale=en">English</a></li>
<li><a title="French" href="/fr-fr/[page-slug]" locale="fr">Français</a></li>
</div>


这将使用户返回到他们所在的页面,但使用的是他们需要的语言。
我用PHP找到了一个解决方案。

<?php if (isset($_GET['target'])) {?><?php echo $_GET['target']; ?><?php } ?>


.但网站 * 必须 * 是静态的,不能支持PHP解决方案。
有没有类似的方法来做这与JavaScript?

kwvwclae

kwvwclae1#

使用这个代码。它可能会帮助你。

$(document).ready(function(){
    $("button").click(function(){
        var pageURL = $(location).attr("href");
          alert(pageURL);
    });
});

字符串

1u4esq0p

1u4esq0p2#

这对我很有效。也许它有帮助:

window.addEventListener('load', function () {
  
var params = new URLSearchParams(document.location.search);
var link = params.get("parameter") //add the name of your parameter and it will retrieve the information out of the current URL

var element = document.getElementById('resubscribeLink');
  element.setAttribute("href",link); //puts the parameter value into the href

});

字符串

相关问题