前台页面传值是Web开发中经常需要使用的基本技能之一，JavaScript语言作为前端最为常用的语言之一，也有着非常丰富的数据传递方式。在本文中，我们将介绍几种前台页面传值的方式，并且通过具体案例进行说明。
一、URL传值
URL传值是前台页面传值的最常见方式之一。通过在URL中加入参数来传递数据，这些参数一般会通过“?”号以及“&”符号来分隔。下面是一个简单的例子，展示了如何通过URL来传值：
<html>
<head>
<title>URL传值示例</title>
</head>
<body>
<a href="test.html?userId=123&userName=john">点击跳转</a>
</body>
</html><html>
<head>
<title>表单传值示例</title>
</head>
<body>
<form method="post" action="submit.jsp">
<label for="userId">用户ID:</label>
<input type="text" name="userId" id="userId"/><br/><br/>
<label for="userName">用户名:</label>
<input type="text" name="userName" id="userName"/><br/><br/>
<input type="submit" value="提交"/>
</form>
</body>
</html>function loadDoc(url, cfunc) {
var xmlhttp;
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
cfunc(this);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
function myFunction(xhttp) {
document.getElementById("demo").innerHTML =
xhttp.responseText;
}