HTML page jump and parameter passing issues-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

HTML page jump and parameter passing issues

小云云

Dec 06, 2017 pm 01:35 PM

html transfer question

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");

Copy after login

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">

Copy after login

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");

Copy after login

The second page (b.html):

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

Copy after login

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;
}

Copy after login

3. LocalStorage object parameters:

a.html：

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

Copy after login

b.html：

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

Copy after login

4. window.opener()

Parent page:

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

Copy after login

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

Copy after login

Sub-page:

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

Copy after login

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

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn