您的位置:首页 > Web前端 > JavaScript

参数传递的四种形式----- URL,超链接,js,form表单

2015-07-22 09:31 686 查看
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title></title>

<script type="text/javascript">

function Go() {

window.location.href="localhost:21811/Handler1.ashx?id=1&name='abc'"

}

</script>

</head>

<body>

<!--//参数传递的几种形式-->

<!--第一种:直接在URL后面加参数:-->

localhost:21811/Handler1.ashx?id=1&name="abc"

<!--第二种:用超链接的方法传递参数:当点击超链接的时候,首先会跳转到localhost:21811/Handler1.ashx页面,然后还会传递id 和name 两个参数过去-->

<a href="localhost:21811/Handler1.ashx?id=1&name='abc'">超链接传递参数</a></body>

<!--第三种:通过js方法传递:用户点击这个button按钮,触发onClick事件,执行Go()方法,跳转到localhost:21811/Handler1.ashx页面,同时传递了id,和name两个参数过去-->

<input type="button" onclick="Go()" value="通过js方法传递参数" />

<!--第四种:通过form表单传递-->

<form action="Handler1.ashx" method="get"><!--注意action里面的连接不能带参数的-->>

<input type="text" name="id" value="3" />

<input type="text" name="name" value="abc" />

<input type="submit" value="通过传递参数" />

</form>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: