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网页设如何置访问密码
  • Android Studio创建项目运行不了怎么解决
  • css如何让图片只显示一部分
  • 怎么实现鼠标放在div上旋转变大的效果
  • eNSP保存配置文件
  • 如何运行虚拟机(VMware)
  • 热门搜索
    冬季防火手抄报 我心中的红十字手抄报 小学生防火手抄报 规范语言文字手抄报 可爱的中国手抄报 地理手抄报图片 心理手抄报 关于元旦节的手抄报 七年级英语手抄报 关于元旦的英语手抄报