密码访问单页自定义跳转页面源码-YISHEN技巧分享

文章介绍

介绍：

密码访问单页自定义跳转页面，修改了的密码访问单页，添加了js自定义密码跳转页面。需要正确输入密码才能跳转目标网址。

</style> 
</head>
<body style="position: static;">
	<div id="psdp-wrap">
		<div class="psdp-cont">
			<span class="psdp-title">您访问的网站开启密码保护功能，请输入访问密码</span>
				<div class="psdp-input">
					<input class="psdp-btn" type="submit" id="chkBtn" value="确定" onclick="chkBtn()">
					<input class="psdp-pwd" type="password" name="accessPassword" id="password" placeholder="访问密码" >
					<div class="cfb"></div>
					<span class="padp-hint" id="notice_accessPassword" style="display:none">请输入访问密码！</span>
				</div>
			<p class="psdp-text">演示密码：123456</p>
		</div>
	</div>
</body>
<script>
        document.getElementById('chkBtn').addEventListener('click',function (){
		var password = document.getElementById("password").value;
		if(password == '123456'){//这里123456是密码
			window.location.href = 'ms3.ishenglu.com';//这里改跳转页面
		}else{
			alert('抱歉，访问密码错误！')
		}
	})
    </script>
</html>