javascript实现html页面之间参数传递的四种方法实例分析


Posted in Javascript onDecember 15, 2015

本文实例讲述了javascript实现html页面之间参数传递的四种方法。分享给大家供大家参考,具体如下:

我们知道,在服务器端asp,jsp等程序可以接受html页面上的form传来的参数。那么,可不可以传递参数给html页面呢。可以。
原理:通过window.location.href中的分割符获得各个参数

方法一:

/*
 *函数功能:从href获得参数
 *sHref: http://www.cscenter.com.cn/arg.htm?arg1=d&arg2=re
 *sArgName:arg1, arg2
 *return: the value of arg. d, re
 */
function GetArgsFromHref(sHref, sArgName)
{
 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;
}

方法二:

function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-1)
{
var pos_start=str.indexOf(name)+name.length+1;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-1)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return "没有这个name值";
}
}
alert(getvalue(name));

方法三:

Request = {
QueryString : function(item){
var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
return svalue ? svalue[1] : svalue;
}
}
alert(Request.QueryString("id"));

方法四:

var url=location.search;
var Request = new Object();
if(url.indexOf("?")!=-1)
{
 var str = url.substr(1); //去掉?号
 strs = str.toLowerCase();
 strs = strs.split("&");
 for(var i=0;i<strs.length;i++)
 {
  Request[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
 }
}
var mapWidth = Request["w"];
var mapHeight = Request["h"];

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery aminate方法定位到页面具体位置
Dec 26 Javascript
javascript操作css属性
Dec 30 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
Mar 20 Javascript
Vue2.0使用过程常见的一些问题总结学习
Apr 10 Javascript
vue2.0 资源文件assets和static的区别详解
Apr 08 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
微信小程序生成二维码的示例代码
Mar 29 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
js刷新页面location.reload()用法详解
Dec 09 Javascript
js编写贪吃蛇的小游戏
Aug 24 #Javascript
javascript实现网页端解压并查看zip文件
Dec 15 #Javascript
探究JavaScript函数式编程的乐趣
Dec 14 #Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 #Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 #Javascript
JS实现DIV容器赋值的方法
Dec 14 #Javascript
JavaScript中eval()函数用法详解
Dec 14 #Javascript
You might like
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
javascript 获取iframe里页面中元素值的方法
2014/02/17 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
用NodeJS实现批量查询地理位置的经纬度接口
2016/08/16 NodeJs
jQuery如何封装输入框插件
2016/08/19 Javascript
vue从使用到源码实现教程详解
2016/09/19 Javascript
jQuery中$.ajax()方法参数解析
2016/10/22 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
python人人网登录应用实例
2014/09/26 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
Tornado实现多进程/多线程的HTTP服务详解
2019/07/25 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
Python实现PS滤镜中的USM锐化效果
2020/12/04 Python
纽约手袋品牌:KARA
2018/03/18 全球购物
总经理助理的八要求
2013/11/12 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
校运会加油稿大全
2015/07/22 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers