HTML page jump and parameter passing issues

This article gives you a detailed introduction to HTML page jump and parameter passing issues. I hope it can help you.

HTML page jump:

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

The second parameter: _self, open the window in the current window; _blank (default value), in Another new window opens a new window;

window.location.href="http://www.jb51.net";     //在同当前窗口中打开窗口
window.history.back(-1);    //返回上一页面
 <a href="http://www.baidu.net"  target="_blank">

HTML parameter passing:

1. URL passing parameter:

One page (a.html):

var obj = a.value; //传给弹出页面参数
var url = 'jxb.html?obj='+obj;
url = encodeURI(url);
window.open(url, "", "width=600,height=400");

The second page (b.html):

var url = decodeURI(window.location.href);
var argsIndex = url .split("?obj=");
var arg = argsIndex[1];

Note: Chinese transmission: You can use encodeURI to encode the url on page a and use decodeURI to decode the url on page b

2. Cookie parameters:

function setCookie(cname,cvalue){
    document.cookie = cname + "=" + cvalue;
}
function getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie;
}

3. LocalStorage object parameters:

a.html：

var p = doucment.getElementById('要获取字符串的p ID名');
localStorage.string = p.textContent;

b.html：

var p = doucment.getElementById('要写入的p ID名');
p.textContent = localStorage.string;

4. window.opener()

Parent page:

<input type="text" name="textfield" id="textfield"/>

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

Sub-page:

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

Summary

The above content is the HTML page jump Turning to the problem of parameter passing, I hope it can help everyone.

Related recommendations:

What are the common methods for Javascript page jumps?

Guide on how to jump to and get values ​​from Web pages

7 recommended articles about html page jump

The above is the detailed content of HTML page jump and parameter passing issues. For more information, please follow other related articles on the PHP Chinese website!