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 相关文章推荐
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
Javascript编写2048小游戏
Jul 07 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
浅谈javascript中关于日期和时间的基础知识
Jul 13 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
js实现1,2,3,5数字按照概率生成
Sep 12 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
JavaScript如何获取一个元素的样式信息
Jul 29 Javascript
node爬取新型冠状病毒的疫情实时动态
Feb 06 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
php 代码优化之经典示例
2011/03/24 PHP
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
基于socket.io和node.js搭建即时通信系统
2014/07/30 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
2017/06/12 jQuery
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
解决Django中修改js css文件但浏览器无法及时与之改变的问题
2019/08/31 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
Python利用Scrapy框架爬取豆瓣电影示例
2020/01/17 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
Eclipse面试题
2014/03/22 面试题
2014年驾驶员工作总结
2014/11/18 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
Django显示可视化图表的实践
2021/05/10 Python
Vue项目打包、合并及压缩优化网页响应速度
2021/07/07 Vue.js
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python