手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html网页设如何置访问密码

时间:2024-11-05 14:48:46

1、新建index.html页面紧接着前面共享目录中的本地网站来写,可以省去许多麻烦,各位看官也能读懂。在共享目录中新建一个text文本文件,重命名为index.html。如图:

html网页设如何置访问密码
html网页设如何置访问密码
html网页设如何置访问密码

2、写入HTML文件任何一个网页式的文件,必须要有HTML文件的元素,才算合格的网页。用记事本打开index.html,输入以下元素:<html><head></head><body></boody></html>如图:

html网页设如何置访问密码

3、添加亭盍誓叭JS脚本在<head>之间添加以下JS脚本代码</head><script language="Jav锾攒揉敫aScript"><!--var password="";password=prompt('请输入密码 (本网站需输入密码才可进入):','');if (password != 'mima') {alert("密码不正确,无法进入本站!!"); window.opener=null; window.close();} // 密码不正确就关闭//--></script>如图:

html网页设如何置访问密码

4、添加网殳陌抻泥页内容添加网页内容可以验证密码输入正确后进入网页的内容。在<body>之间随意添加元素媪青怍牙</boody>比如:<p style="color:red; font-size:20;">恭喜您进入到本网页,您已经被授权查看网页内容!</p>如图:

html网页设如何置访问密码

5、密码错误的访问验证在浏览器输入192.168.1.2,页面会弹出输入密码的提示,输入一个错误的密码,查看页面是否访问。如图:

html网页设如何置访问密码
html网页设如何置访问密码

6、输入正确的密码访问重新打开网页,输入mima,进入页面,查看网页内容。如图:

html网页设如何置访问密码
html网页设如何置访问密码
© 手抄报圈