静态html页面传递参数,javascript静态页面传值的三种方法分享
一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm
function Post()
{
//单个值 Read.htm?username=baobao;
//多全值 Read.htm?username=baobao&sex=male;
url = "Read.htm?username="+escape(document.all.username.value);
url += "&sex=" + escape(document.all.sex.value);
location.href=url;
}
Read.htm
/*
*--------------- Read.htm -----------------
* Request[key]
* 功能:实现ASP的取得URL字符串,Request("AAA")
* 参数:key,字符串.
* 实例:alert(Request["AAA"])
*--------------- Request.htm -----------------
*/
var url=location.search;
var Request = new Object();
if(url.indexOf("?")!=-1)
{
var str = url.substr(1) //去掉?号
strs = str.split("&");
for(var i=0;i
{
Request[strs[i ].split("=")[0]]=unescape(strs[ i].split("=")[1]);
}
}
alert(Request["username"])
alert(Request["sex"])
String.prototype.getQuery = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = this.substr(this.indexOf("?")+1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
var str ="www.jb51.net/index.htm?a=1&b=1&c=测试测试";
alert(str.getQuery("a"));
alert(str.getQuery("b"));
alert(str.getQuery("c"));
优点:取值方便.可以跨域.
缺点:值长度有限制
二:JavaScript静态页面值传递之Cookie篇Cookie是浏览器存储少量命名数据.
它与某个特定的网页或网站关联在一起.
Cookie用来给浏览器提供内存,
以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.
Post.htm
function setCookie(name,value)
{
/*
*--------------- setCookie(name,value) -----------------
* setCookie(name,value)
* 功能:设置得变量name的值
* 参数:name,字符串;value,字符串.
* 实例:setCookie('username','baobao')
*--------------- setCookie(name,value) -----------------
*/
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
location.href = "Read.htm"; //接收页面.
}
Read.htm
function getCookie(name)
{
/*
*--------------- getCookie(name) -----------------
* getCookie(name)
* 功能:取得变量name的值
* 参数:name,字符串.
* 实例:alert(getCookie("baobao"));
*--------------- getCookie(name) -----------------
*/
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr !=null) return unescape(arr[2]); return null;
}
alert(getCookie("baobao"));
优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.
三:JavaScript静态页面值传递之Window.open篇这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.
Post.htm
Read.htm
//window.open打开的窗口.
//利用opener指向父窗口.
var parentText = window.opener.document.all.maintext.value;
alert(parentText);
优点:取值方便.只要window.opener指向父窗口,就可以访问所有对象.不仅可以访问值,还可以访问父窗口的方法.值长度无限制.
缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.
静态html页面传递参数,javascript静态页面传值的三种方法分享相关推荐
- 在JavaScript中重复字符串的三种方法
In this article, I'll explain how to solve freeCodeCamp's "Repeat a string repeat a string" ...
- java浮点数化为整数_[Java教程]javascript浮点数转换成整数三种方法
[Java教程]javascript浮点数转换成整数三种方法 0 2014-06-24 04:00:27 将浮点数转换成整数方法有很多,分享三种常用方法. Summary 暂时我就想到3个方法而已.如 ...
- 在JavaScript中反转字符串的三种方法
This article is based on Free Code Camp Basic Algorithm Scripting "Reverse a String" 本文基于F ...
- javaScript改变this指向的三种方法
javaScript提供了一些函数方法帮助我们处理函数内部this的指向问题,常用的有bind().call().apply()三种方法 1.call() 方法调用一个对象.简单理解为调用函数的方式, ...
- JavaScript弹出对话框的三种方法
三种方法 alert(); 最简单,将alert();括号内的内容弹出. confirm(); 与alert();类似,包含确认和取消按钮,点击确定confirm();方法会返回true,点击取消co ...
- php中参数传值的三种方法,php cli传递参数的方法
php cli传递参数的方法 $options = "f:g:"; $opts = getopt( $options ); print_r($opts); 在命令行下运行 /usr ...
- 静态html页面传递参数,javascript实现静态页面之间的传值
静态页面之间传值有多种方法:1.通过url 2.通过cookie 3.window.open传值 4.HTML5 localStorage传值 方法一:url传值 主要原理是:通过GET方法然后获取U ...
- javascript面象对象编程的三种方法
<script> /* * 第一种,函数即类,利用prototype来模拟对象的方法,简单 ,不包括继承 */ //-------------- ...
- javascript取随机数_JS随机数生成的三种方法 js随机数生成器
方法1 复制代码 代码示例: // 要创建一个随机浮点数时,使用rnd():要创建一个随机整数时,例如,1到10时,使用rand(10). rnd.today=new Date(); rnd.seed ...
最新文章
- 【译】特征工程最佳实践
- 【Unity 3D】学习笔记三十六:物理引擎——刚体
- UML-如何使用层进行设计?
- php+ tinymce粘贴word
- 包图网签约神策数据,助力产品优化
- dubbo注册中心zookeeper的安装使用
- python pandas dataframe 排序,如何按两列或更多列对python pandas中的dataFrame进行排序?...
- 【Redis】解析Redis和Java传递数据
- 获取sessionid_蓝牙音乐AudioTrack Session ID的获取
- 比特币支付优点是什么
- php分支结构有哪几种语句,PHP开发——分支结构
- python替换文本文件单词_Python:如何替换文本文件中一行的最后一个单词?
- sqlmap使用教程
- 远程桌面连接Windows后显示蓝屏
- Docker 从入门到实战视频教程(15 个视频)
- 网络带宽压力测试教程
- 计算机科学美国大学专业,2015年U.S.NEWS计算机科学专业美国大学排名
- zabbix启动失败的排查记录
- 自己追加内存【注意事项】
- Tekton系列之理论篇【二】