使用JS从URL传递和操作参数

时间:2015-06-16 08:32:13

标签: javascript html url formatting parameter-passing

问题:从url读取参数,并在必要的格式化后以HTML格式显示

描述: 网址:www.abc.com/test.html?name = Raj%20Sharma%20&%20Anjali%20Sharma

在Click事件中,它应显示以下内容:

Raj Sharma& Anjali Sharma

我现在所拥有的是以下代码:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function getParameter(){
var param1var = getQueryVariable("name");
document.getElementById('demo').innerHTML = param1var;
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
} 
alert('Query Variable ' + variable + ' not found');
}
} 
</script>
</head>
<body>
<h1>Testing</h1>
<a href="javascript:void(0)" onclick="getParameter()" id="continue">Click</a>

<p id="demo"></p>

</body>
</html> 

我是写JS的新手。

1 个答案:

答案 0 :(得分:2)

这足以获得该输出:

 var query = decodeURIComponent(window.location.search.substring(1).split('=').pop());
  

查询:&#34; Raj Sharma&amp; Anjali Sharma&#34;