从URL获取参数到具有特殊字符的HTML页面

时间:2018-03-18 16:19:12

标签: javascript jquery html github github-pages

我想创建一个自定义网站,其中一些参数将从URL获取并显示在html中。

让链接为:https://www.example.com?abc=anything&def=hello world&ghi=father & son

从excel表中提取值,因此我无法编辑空格等。

我使用了jQuery。

function GetURLParameter(sParam)
{
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&&');
for (var i = 0; i < sURLVariables.length; i++) 
{
    var sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] == sParam) 
    {
        return sParameterName[1];
    }
}
}
var abc = GetURLParameter('abc');

&&是因为我的某些参数可能包含&amp;比如A & B Product

我还有一个问题,链接将像上面一样用空格创建,因此需要将其解析回普通文本。

要显示相同内容,我正在使用:

<p>document.write(abc)</p>

我想以某种方式获取URL中的数据,这将与Github Hosting一起使用并在HTML中显示它而不会出现任何HTML特殊字符问题。 Github不支持PHP,否则这是件小事。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

要使变量URL安全,您可以使用encodeURI()对其进行编码。例如:

let a = 'A & B Product';
console.log(encodeURI(a));
// will output: `A%20&%20B%20Product` 

然后在另一边解码:

console.log(decodeURI(a));
// will output `A & B Product`