前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >参数传递的四种形式----- URL,超链接,js,form表单

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

作者头像
超然
发布2018-08-03 16:57:47
3.4K0
发布2018-08-03 16:57:47
举报
文章被收录于专栏:超然的博客

4种get传参方式

代码语言:javascript
复制
<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>  
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-03-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档