hot wire !! hot wire !!
The page Jump is fully automated
Let me help you free your hands
You don't have to click by yourself ~
Our study is to make the code more concise and the effect better !
Let's start now ~
Our needs :
When clicked “ Sign in ” perhaps “ register ” Can jump to the page we want :
such as , When clicked “ Sign in ”
Jump to the login page :
When clicked “ register ”
Jump to the registration page :
stay HTML The code is as follows :
<ul> <li> <a href="javascript:;" value=" Sign in " id="denglu" class="dl"> Sign in </a>
<!-- id='denglu' It is used to judge whether the last obtained value is --> </li> <li> <a href="javascript:;"
value=" Sign in " id="logon" class="zc"> register </a> </li> </ul>
stay JavaScript The code is as follows :
function load11() { // With a function “ Sign in ” encapsulation var parm1 =
document.getElementById('denglu').id; var myurl = 'load.html' + '?' + 'parm1='
+ parm1; //myurl This variable is used to load the jump page load.html And in the login link id value
window.location.assign(myurl); } function logon11() { // With a function “ register ” encapsulation var parm2
= document.getElementById('logon').id; var myurl = 'load.html' + '?' + 'parm2='
+ parm2; window.location.assign(myurl); } // Register a click event , When you click this login word, you can call the function to jump var dl
= document.querySelector('.dl'); dl.addEventListener('click', function() {
load11(); }) var zc = document.querySelector('.zc');
zc.addEventListener('click', function() { logon11(); })
When you jump to the login interface Javascript The code inside :
var suibian = null; getparm(); function getparm() { var url = location.href;
console.log(url + '21111'); var tmp1 = url.split('?')[1]; console.log(tmp1);
var tmp2 = tmp1.split('%')[0]; console.log(tmp2); var tmp3 =
tmp2.split('=')[1]; console.log(tmp3); suibian = tmp3;
// The above steps are the final results obtained by decomposing the website in the page that jumps over id name } if (suibian == 'denglu') {
row1[0].style.display = 'block'; lis[1].className = ''; row1[1].style.display =
'none'; } else { lis[0].className = ''; row1[0].style.display = 'none';
lis[1].className = 'current'; row1[1].style.display = 'block'; }
The above is all the code snippets , The required code can be accessed by yourself !
Technology