> 웹 프론트엔드 > HTML 튜토리얼 > HTML 페이지 점프 및 매개변수 전달 문제

HTML 페이지 점프 및 매개변수 전달 문제

小云云
풀어 주다: 2017-12-06 13:35:50
원래의
3019명이 탐색했습니다.

이 문서에서는 HTML 페이지 점프 및 매개변수 전달 문제에 대해 자세히 소개합니다. 도움이 되기를 바랍니다.

HTML 페이지 점프:

window.open(url, "", "width=600,height=400");
로그인 후 복사

두 번째 매개변수: _self, 현재 창에서 창 열기 _blank(기본값), 다른 새 창에서 새 창 열기; 매개변수 전달:

1. URL 전달 매개변수:

첫 번째 페이지(a.html):

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

두 번째 페이지(b.html):

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

참고: 중국어 전송: 가능 encodeURI를 사용하여 페이지 a의 URL을 인코딩하고 decodeURI를 사용하여 페이지 b

2의 URL을 디코딩합니다. 쿠키 매개변수:

var url = decodeURI(window.location.href);
var argsIndex = url .split("?obj=");
var arg = argsIndex[1];
로그인 후 복사

3 LocalStorage 개체 매개변수:

a.html:

function setCookie(cname,cvalue){
    document.cookie = cname + "=" + cvalue;
}
function getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie;
}
로그인 후 복사

b.html:

var p = doucment.getElementById('要获取字符串的p ID名');
localStorage.string = p.textContent;
로그인 후 복사

4.window.opener()

상위 페이지:

var p = doucment.getElementById('要写入的p ID名');
p.textContent = localStorage.string;
로그인 후 복사

<input type="text" name="textfield" id="textfield"/>
로그인 후 복사

하위 페이지:

window.open("子页面.html");
로그인 후 복사

요약

위 내용은 HTML 페이지 점프 및 매개변수 전달 문제에 관한 내용입니다. 모든 분들께 도움이 되기를 바랍니다.

관련 권장 사항:

Javascript 페이지 점프에 일반적으로 사용되는 방법은 무엇입니까?

웹 페이지로 점프하고 값을 가져오는 방법에 대한 지침

html 페이지 점프에 대한 권장 기사 7개

위 내용은 HTML 페이지 점프 및 매개변수 전달 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿