這篇文章是自己在項(xiàng)目中遇到，同時(shí)參考了網(wǎng)上的資料，作為筆記參考使用

一、頁面之間的傳值

1、使用cookie傳值

封裝簡(jiǎn)單使用：

//獲取cookie

function getCookie(name){

var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

if(arr=document.cookie.match(reg)){

return unescape(arr[2]);

}

else{

return null;

}

}

//刪除cookie

function delCookie(name){

var exp = new Date();

exp.setTime(exp.getTime() - 1);

var cval=getCookie(name);

if(cval!=null){

document.cookie= name + "="+cval+";expires="+exp.toGMTString();

}

}

//設(shè)置cookie

function setCookie(name,value){

var Days = 1;

var exp = new Date();

exp.setTime(exp.getTime() + Days*24*60*60*1000);

document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

}

js使用cookie

通過 JavaScript，可以這樣創(chuàng)建 cookie：

document.cookie = "username=Bill Gates";

您還可以添加有效日期(UTC 時(shí)間)。默認(rèn)情況下，在瀏覽器關(guān)閉時(shí)會(huì)刪除 cookie：

document.cookie = "username=John Doe; expires=Sun, 31 Dec 2017 12:00:00 UTC";

通過?path?參數(shù)，您可以告訴瀏覽器 cookie 屬于什么路徑。默認(rèn)情況下，cookie 屬于當(dāng)前頁。

document.cookie = "username=Bill Gates; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";

獲取cookie

var x = document.cookie;

刪除cookie

直接把?expires?參數(shù)設(shè)置為過去的日期即可：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

2、使用localStorage

localStorage.setItem('myCat', 'Tom'); //設(shè)置

let cat = localStorage.getItem('myCat'); //獲取

localStorage.removeItem('myCat'); //刪除

localStorage.clear(); //刪除所有

3、 通過url傳遞參數(shù)的方式

該案例也是從a.html向b.html頁面?zhèn)鬟f參數(shù)

1. a.html的代碼

?

1

2

跳轉(zhuǎn)

2.點(diǎn)擊跳轉(zhuǎn)按鈕可以將input標(biāo)簽的value值傳遞到b.html

?

1

2

3

4

function jump() {

var s = document.getElementsByTagName('input')[0];

location.href='7.獲取參數(shù).html?'+'txt=' + encodeURI(s.value);

}

3. b.html中的代碼

?

1

2

3

4

5

6

7

var loc = location.href;

var n1 = loc.length;

var n2 = loc.indexOf('=');

var txt = decodeURI(loc.substr(n2+1,n1-n2));

var box = document.getElementById('box');

box.innerHTML = txt;

二、父子頁面方法的調(diào)用一級(jí)獲取元素

1、$("#父窗口元素ID",window.parent.document);

對(duì)應(yīng)javascript版本為

window.parent.document.getElementById("父窗口元素ID");

取父窗口的元素方法：

$(selector, window.parent.document);

取父窗口的父窗口的元素就可以用：

$(selector, window.parent.parent.document);

類似的，取其它窗口的方法大同小異獲取iframe父窗體元素：

$(selector, window.parent.document);

獲取通過windows.open()打開的父窗體：

$(selector, window.opener.document);

獲取通過 showModelDialog()打開的父窗體：

$(selector, window.dialogArguments.document);

用于刷新父窗口整個(gè)頁面：

window.parent.location.reload();

window插件關(guān)閉窗口,類似于window.close()：

parent.subWindow_add.Close();

刷新父頁面中的id為“4thEditTable”的列表(局部刷新)：

parent.$("#4thEditTable").load(window.parent.location.href+" #4thEditTable");

標(biāo)簽：parent,window,html,cookie,exp,var,document,傳值,頁面

來源： https://www.cnblogs.com/shenpeng/p/12035018.html

總結(jié)

以上是生活随笔為你收集整理的c 向html页面传值,html页面之间的传值，获取元素和方法的调用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。