HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題

HTML頁面跳轉(zhuǎn):
window.open(url, "", "width=600,height=400");
第二個參數(shù):_self,在當(dāng)前窗口打開窗口;_blank(默認值),在另外的新建窗口打開新窗口;
window.location.href="http://chabaoo.cn"; //在同當(dāng)前窗口中打開窗口 window.history.back(-1); //返回上一頁面 <a href="http://www.baidu.net" target="_blank">
HTML參數(shù)傳遞:
1. url傳參:
第一個頁面(a.html):
var obj = a.value; //傳給彈出頁面參數(shù) var url = 'jxb.html?obj='+obj; url = encodeURI(url); window.open(url, "", "width=600,height=400");
第二個頁面(b.html):
var url = decodeURI(window.location.href); var argsIndex = url .split("?obj="); var arg = argsIndex[1];
注:中文傳輸:可以在頁面a用encodeURI 編碼url 在b頁面用decodeURI解碼url
2. cookie傳參:
function setCookie(cname,cvalue){ document.cookie = cname + "=" + cvalue; } function getCookie(cname){ var name = cname + "="; var ca = document.cookie; }
3. localStorage對象傳參:
a.html:
var div = doucment.getElementById('要獲取字符串的DIV ID名'); localStorage.string = div.textContent;
b.html:
var div = doucment.getElementById('要寫入的DIV ID名'); div.textContent = localStorage.string;
4. window.opener()
父頁面:
<input type="text" name="textfield" id="textfield"/>
window.open("子頁面.html");
子頁面:
window.opener.document.getElementByIdx('textfield').value='123123123';
總結(jié)
以上所述是小編給大家介紹的HTML頁面跳轉(zhuǎn)及傳遞參數(shù)問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法
就想弄一個winform結(jié)合html5的一個小東西,突有心血來潮,想在里面嵌套一個微信網(wǎng)頁版,下面小編給大家介紹下HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實2018-01-09- 這篇文章主要介紹了html頁面跳轉(zhuǎn)傳遞參數(shù)問題的相關(guān)資料,需要的朋友可以參考下2017-05-05
HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法
本文通過五個實例給大家介紹html實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法,對html頁面跳轉(zhuǎn)相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-07- 在項目中,我們經(jīng)常會遇到這樣一個功能:如何實現(xiàn)頁面N秒后自動跳轉(zhuǎn)。其實方法很簡單,下面小編通過本文給大家分享HTML頁面3秒后自動跳轉(zhuǎn)的三種常見方法,對html頁面3秒后2015-12-07
html頁面實現(xiàn)過兩秒跳轉(zhuǎn)至其他頁面的方法
html頁面如何實現(xiàn)過兩秒跳轉(zhuǎn)至其他頁面,在本文主要是通過refresh及URL兩個屬性實現(xiàn),具體示例代碼如下,感興趣的朋友可以參考下2013-10-22phpwind生成html頁面右下角跳轉(zhuǎn)功能問題
關(guān)鍵字描述:功能 問題 頁面 生成   value Copy code var function phpwind生成html頁面右下角跳轉(zhuǎn)功能問題 打開 template/wind/readtpl.htm 查找: Copy code2009-06-06HTML中button標簽點擊實現(xiàn)頁面跳轉(zhuǎn)的三種方法
本文通過三種方法給大家介紹了HTML中button標簽點擊實現(xiàn)頁面跳轉(zhuǎn),代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2019-05-31