包含自定义内容的静态页面,具体取决于网址

时间:2017-01-16 12:16:56

标签: javascript jquery html html5 dom

当我使用PHP时,我曾经使用url地址的一部分来向页面模板添加单词。

我开始使用https://gohugo.io查看静态页面并试图在JavaScript中获取此功能,以便不需要生成多个页面(虽然这是静态页面的重点),因为所有url都将使用相同的页面模板,但网址中包含不同的文字。

示例(来自我的PHP网站)

url = www.domain.tld/city/washington/
Where i get the word after /city/ and put the word "washington" in my page content.
url = www.domain.tld/city/somecityname/
Where i get the word after /somecityname/ and put the word "washington" in my page content.

我看了https://gohugo.io/extras/datafiles/https://gohugo.io/extras/datadrivencontent/,但这不会按照我希望的方式修复它。 (虽然我有一个带有城市名称的csv文件)

页面将托管在GitHub页面上,因此我只能使用Javascript / jQuery来实现此功能。

1 个答案:

答案 0 :(得分:1)

尝试使用此代码获取城市名称

var qrStr1 = window.location.href;
var new1 = qrStr1.replace(':',''); 
var data1 = new1.split("/");
alert(data1[4]);// try with different index so you can find your value