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,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 Javascript
SyntaxHighlighter语法高亮插件使用说明
Aug 14 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
jQuery之ajax技术的详细介绍
Jun 19 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
Aug 26 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
详解JS模块导入导出
Dec 20 Javascript
使用async await 封装 axios的方法
Jul 09 Javascript
JS使用数组实现的队列功能示例
Mar 04 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笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
php精确的统计在线人数的方法
2015/10/21 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
无限树Jquery插件zTree的常用功能特性总结
2014/09/11 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
Bootstrap响应式导航由768px变成992px的实现代码
2017/06/15 Javascript
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
JS计算斐波拉切代码实例
2019/09/12 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
python实现的简单文本类游戏实例
2015/04/28 Python
Python中的random()方法的使用介绍
2015/05/15 Python
python实现解数独程序代码
2017/04/12 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
Python3.5运算符操作实例详解
2019/04/25 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
使用python+whoosh实现全文检索
2019/12/09 Python
dpn网络的pytorch实现方式
2020/01/14 Python
卫生院健康教育实施方案
2014/06/07 职场文书
2015年高校就业工作总结
2015/05/04 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
实验室安全管理制度
2015/08/05 职场文书
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python