HTML获取URL传递的参数

最新推荐文章于 2024-07-04 16:42:06 发布
最新推荐文章于 2024-07-04 16:42:06 发布
阅读量2.5k 收藏
点赞数
分类专栏： 网页

http://www.cnblogs.com/tianguook/archive/2011/02/28/1967457.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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">
 //sArgName表示要获取哪个参数的值
 function GetArgsFromHref(sArgName)
　　{
 var sHref = "Untitled-2.html?id=2"//测试数据，实际情况是用window.location.href得到URL
 alert(sHref);
　　var args = sHref.split("?");
　　var retval = "";
　　if(args[0] == sHref) /*参数为空*/
　　{
　　return retval; /*无需做任何处理*/
　　}
　　var str = args[1];
　　args = str.split("&");
　　for(var i = 0; i < args.length; i++ )
　　{
　　str = args[i];
　　var arg = str.split("=");
　　if(arg.length <= 1) continue;
　　if(arg[0] == sArgName) retval = arg[1];
　　}
　　//return retval;
 alert(retval);
　　}
 
</script>
</head>
 <input type="button" value="参数" οnclick="GetArgsFromHref('id');" />
<body>
</body>
</html>


bytxl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【web前端】html5获取路由参数
陌上离歌
03-31 1828
html5获取路由参数
HTML静态页面获取url参数和UserAgent
主要记录一些问题处理记录，部分是作为知识库使用
08-02 2673
手机或平板浏览器显示电脑网页的问题处理，从微信跳转到浏览器时候显示程电脑版网页，通过url的参数，可处理掉这类问题，但前提是这些页面是给移动设备访问的，例如微信传递或其他方式传递这个地址。...
JS中获取url中的参数
最新发布
weixin_45724811的博客
07-04 111
【代码】JS中获取url中的参数。
Html vue 获取路由传参值方法
weixin_57964731的博客
01-23 537
Html vue 获取路由传参值方法。
JS获取url中的参数
clhll123的博客
10-15 514
方法一：正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null; } // 这样调用： alert(GetQueryString("参
html页面跳转传递参数问题
09-28
本篇文章将详细探讨如何在HTML页面跳转时传递参数，并以提供的代码示例为依据进行解析。 首先，让我们来看一下在A页面上实现跳转的代码。A页面包含两个元素，一个表示名字（`<div id="name">tony</div>`），另一个...
flex获得html容器传递的url参数值
02-15
在Flex编程中，有时我们需要从外部HTML容器向SWF文件传递参数，这在构建富互联网应用程序（RIA）时尤其常见。这些参数通常是以URL查询字符串的形式出现，例如`test.html?name=jex&address=chengdu`。在本文中，我们...
HTML页面跳转及参数传递问题
12-14
2. **Cookie**也是传递参数的一种方式。设置Cookie的函数如下： ```javascript function setCookie(cname, cvalue) { document.cookie = cname + "=" + cvalue; } ``` 获取Cookie的函数为： ```javascript ...
详解前端在html页面之间传递参数的方法
01-21
我们经常写form表单，提交时，可以传递参数，如果使用表单，并将其隐藏起来，应该可以达到效果。 除此以外，[removed].href和window.open也可以达到效果。 1、通过form表单传递参数 <html l
HTML获取URL参数
william_n的博客
04-21 8520
1.应用场景 前端页面之间跳转，互相传递参数，主要用于前端是js/jquery来实现的系统，如使用前端三大框架实现，应不需要使用这种方式。 2.学习/操作 1.Html获取Url参数 https://blog.csdn.net/qq_41485414/article/details/79577879 2.js 中的window.locat...
获取url参数
m0_46417610的博客
04-27 465
/** 获取地址栏参数 @param url @returns */ function getUrlParameters(url) { if (!url) { return; } const paramsStr = url.split(‘?’)[1]; const array = paramsStr.split(‘&’); let result = {}; array.forEach((element) => { const temp = element.split(‘=’); result
浅谈获取url传递的参数值的几种方式
qq_15901351的博客
05-13 1万+
以下内容是在开发中本人经常使用的方式，现总结如下: jsp页面中:       //el表达式 获取请求参数 var id = ${param.id};  var id = &lt;%=request.getParameter("id")%&gt;                  html页面中：   //使用js 获取参数值 function getQueryVariable(va...
js获取路由(http://www.aaa.com/module/218.html)中的id
I am your sun ❤
04-18 3679
//返回当前页面的 URL(http://www.aaa.com/模块名/216.html) var strUrl = window.location.href; //把一个字符串按照/分割成字符串数组 array['http:','www.aaa.com','模块名','216.html'] var arrUrl = strUrl.split("/"); //获取216.html var...
011、路由（页面）跳转及参数获取
赳赳万里鲲
04-09 1324
1、&lt;router-link&gt;声明式路由导航 1.1、需要在路由中定义参数名称 (渲染结果：http://localhost:9999/A/6) a、路由定义 export default new Router({ mode: 'history', routes: [ { path: '/A/...
Web前端-vue路由跳转的几种方式及参数获取router-link；this.$router.push()
MinggeQingchun的博客
07-24 1211
VUE路由跳转可以通过name跳转页可以通过path跳转，带参数的话参数可以封装在params中也可以封装在query中。 1）params传参数：类似post，html 取参 $route.params.id，script 取参 this.$route.params.id，刷新页面参数消失； 2）query传参数： 类似get,url后面会显示参数，html 取参 $route.query.id，script 取参 this.$route.query.id，刷新页面参数还在。 一、router-li
在HTML中接收地址栏中传递的参数
ming470612141的专栏
05-18 6454
在HTML中接收地址栏中传递的参数方法有如下三种：window.open ("11.htm?aa="+dd);问题就是从11.htm中接收aa的值解决方案如下：１.使用 window.location.search 来取得后面的参数// param 为 参数的名称function getParameter(param){ var query = window.location.se
前端在html页面之间传递参数的方法
热门推荐
有效youxiao的博客
06-29 6万+
概念图 目标 前端在html页面之间传递参数的方法 项目中经常会出现的一种情况，有一个列表，比如商品列表，点击列表中的某一项商品，跳转至详情页面。跳转页面时，我们需要传递一个参数过去，这样我们才能通过这个参数进行数据请求，然后根据后台返回的数据来生成详情页面。因此，通过a标签跳转的方式，肯定是行不通的。&nbsp; 写form表单，提交可以传递参数，除此以外，window.locati...
html获取servlet传递的参数
05-26
在HTML页面中无法直接获取Servlet传递的参数，需要通过JavaScript或者表单提交来实现。 1. 通过JavaScript获取参数： 在Servlet中，可以将参数以属性的方式设置到请求对象中，然后在HTML页面中使用JavaScript来获取。 例如，Servlet代码如下： ```java String name = request.getParameter("name"); request.setAttribute("name", name); request.getRequestDispatcher("/index.jsp").forward(request, response); ``` 在HTML页面中，可以通过以下JavaScript代码获取传递的参数： ```javascript var name = '<%= request.getAttribute("name") %>'; ``` 该代码将会在HTML页面中生成一个变量name，其值为Servlet中设置的name参数的值。 2. 通过表单提交获取参数： 在HTML页面中，可以通过表单提交来获取Servlet传递的参数。 例如，创建一个表单： ```html <form action="servletName" method="post"> <input type="text" name="name" /> <input type="submit" value="Submit" /> </form> ``` 在Servlet中，可以通过以下代码获取表单提交的参数： ```java String name = request.getParameter("name"); ``` 需要注意的是，表单提交的方法必须与Servlet中的处理方法相对应。如果Servlet中的方法是doPost()，则表单中的method属性必须设置为"post"，action属性必须设置为Servlet的URL。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值