2018-07-30 HTML页面跳转及参数传递

HTML页面跳转及参数传递


HTML页面跳转:

window.open(url,"","width=600,height=400");

//第二个参数:_self,在当前窗口打开窗口;_blank(默认值),在另外的新建窗口打开新窗口;

window.location.href="http://www.jb51.net";//在同当前窗口中打开窗口

window.history.back(-1);//返回上一页面


HTML参数传递:

1. url传参:

第一个页面(a.html):

varobj = a.value;//传给弹出页面参数

varurl ='jxb.html?obj='+obj;

url =encodeURI(url);

window.open(url,"","width=600,height=400");

第二个页面(b.html):

varurl =decodeURI(window.location.href);

varargsIndex = url .split("?obj=");

vararg = argsIndex[1];

注:中文传输:可以在页面a用encodeURI 编码url  在b页面用decodeURI解码url

2. cookie传参:

functionsetCookie(cname,cvalue){

document.cookie = cname +"="+ cvalue;

}

functiongetCookie(cname){

varname = cname +"=";

varca =document.cookie;

}

3. localStorage对象传参:

a.html:

vardiv = doucment.getElementById('要获取字符串的DIV ID名');

localStorage.string = div.textContent;

b.html:

vardiv = doucment.getElementById('要写入的DIV ID名');

div.textContent = localStorage.string;

4. window.opener()

父页面:

window.open("子页面.html");

子页面:

window.opener.document.getElementByIdx('textfield').value='123123123';

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,736评论 1 45
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 786评论 0 3
  • 1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍...
    55lover阅读 650评论 0 6
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,540评论 0 25
  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,510评论 1 14