이 문서의 내용은 페이지의 데이터 전송을 위한 js 구현 코드에 대한 것입니다. 필요한 친구가 참고할 수 있기를 바랍니다.
이전 인터뷰에서 이런 질문을 받았기 때문에 오늘 정리했습니다. 제 기술적인 한계로 인해 잘못된 부분이 있으면 지적해주시면 감사하겠습니다.
이 블로그에서는 한 페이지 레이어에서 다른 페이지 레이어로 매개변수를 전달하는 두 가지 방법을 요약합니다.
请输入用户名和密码: <input id="userName" type="text" /> <input id="passwords" type="password" /> <button id="btn">设置</button> <button onclick="login()">传递cookie</button> <button onclick="deletecookie()">删除</button>
//设置cookie var setCookie = function (name, value, day) { //当设置的时间等于0时,不设置expires属性,cookie在浏览器关闭后删除 var expires = day * 24 * 60 * 60 * 1000; var exp = new Date(); exp.setTime(exp.getTime() + expires); document.cookie = name + "=" + value + ";expires=" + exp.toUTCString(); }; //删除cookie var delCookie = function (name) { setCookie(name, ' ', -1); }; //传递cookie function login() { var name = document.getElementById("userName"); var pass = document.getElementById("passwords"); setCookie('userName',name.value,7) setCookie('password',pass.value,7); location.href = 'b.html' } function deletecookie() { delCookie('userName',' ',-1) }
<button onclick="getcookie()">获取</button>
//获取cookie代码 var getCookie = function (name) { var arr; var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)){ return arr[2]; } else return null; }; //点击获取按钮之后调用的函数 function getcookie() { console.log(getCookie("userName")); console.log(getCookie("password")) }
이 경우에도 a.html에서 b.html 페이지로 매개변수를 전달하는 방법
<input type="text" value="猜猜我是谁"> <button onclick="jump()">跳转</button>
function jump() { var s = document.getElementsByTagName('input')[0]; location.href='7.获取参数.html?'+'txt=' + encodeURI(s.value); }
<p id="box"></p>
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;
와 비슷합니다. 매력적인 여자. 하지만 주의하세요. localStorage 개체에 액세스하려면 페이지가 동일한 도메인 이름(하위 도메인 이름은 유효하지 않음)에서 오고, 동일한 프로토콜을 사용하고, 동일한 포트에 있어야 합니다.
//将localStorage传递到哪个页面 location.href = 'b.html' //设置localStorage window.localStorage.setItem('user','haha');
<button onclick="getcookie()">获取</button> function getcookie() { //获取传递过来的localStorage console.log(window.localStorage.getItem('user')) }
관련 권장 사항:
jQuery에서 일반적으로 사용되는 메서드는 무엇입니까(코드 포함)
js의 데이터 객체 사용법에 대한 자세한 소개(코드 포함)
위 내용은 페이지 간 데이터 전송을 구현하는 js 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!