html传递参数的方式URL,超链接,js,form表单

html传递参数的方式URL,超链接,js,form表单

< 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 >

————————————————

版权声明:本文为CSDN博主「judyge」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/judyge/article/details/50880042