html网页设如何置访问密码

在浏览网页的时候，有时候会弹出请输入密码才能访问该页面，这是怎么做的呢？设置密码访问页面类似于登录方可进入，但其实不是一回事。
今天，小编就教你如何在HTML网页中设置访问页码。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

赞 (0)

相关推荐

  • Foxmail忘记帐户访问密码 多种方法解决丢失的密码

    为防止别人偷看Foxmail邮箱，通常会为Foxmail帐户设一个访问密码。要一不小心把这个密码搞丢了怎么办?有以下一些方法可以解一时之急。 1.复制其他账户下的Account.stg文件 在Foxm ...

  • 悄悄话怎么设置才安全?设置悄悄话访问密码的方法

    悄悄话如何设置访问密码？悄悄话是一匿名的社区应用，在这里你可以把你隐藏的秘密说出来，想必还有很多新用户都还不太知道怎么用吧！现在就跟的小编一起来看看悄悄话访问密码设置教程。希望可以帮到大家。 1）首先 ...

  • Foxmail忘了帐户访问密码怎么办

    为防止别人偷看Foxmail邮箱，通常会为Foxmail帐户设一个访问密码。要一不小心把这个密码搞丢了怎么办?有以下一些方法可以解一时之急。 1.复制其他账户下的Account.stg文件 在Foxm ...

  • 忘了Foxmail帐户访问密码的解决办法

    为防止别人偷看Foxmail邮箱，我们通常会为Foxmail帐户设一个访问密码。要一不小心把这个密码搞丢了怎么办?有以下一些方法可以解一时之急—— 1.复制其他账户下的Account.stg文件 在F ...

  • 如何为U盘加上密码保护 U盘设置访问密码步骤

    U盘携带比较方便，但保存在该盘中的数据内容还不太安全，任何人一旦得到我们的U盘，就会轻易查看到其中的内容;为了保护U盘中的数据，下面跟着来为U盘设置访问密码。 首先将重要数据保存到U盘中，然后打开“我 ...

  • 怎样为u盘设置访问密码

    u盘携带比较方便,但保存在该盘中的数据内容还不太安全,任何人一旦得到我们的u盘,就会轻易查看到其中的内容;为了保护u盘中的数据,教你一个方法来为u盘设置访问密码. 首先将重要数据保存到u盘中,然后打开 ...

  • VisualStudio网页怎么设计验证用户名和密码的功能?

    Visual Studio想要制作一个验证网页中的登录信息的功能,一般网站注册登陆都会有验证,该怎么制作验证功能呢?下面我们就来看看详细的教程. 1.首先,定义一个函数LogIn,用来实现用户登录信息 ...

  • 钱宝app怎么将消息设为置顶呢?

    某好友的消息比较重要,想第一时间看到TA的消息?可以将TA的消息设置为置顶哦,那么接下来小编就教大家钱宝置顶聊天消息方法,不会的朋友可以参考本文,来看看吧. 相关教程:钱宝app怎么设置好友备注呢? ...

  • 华为手机怎么把自带浏览器网页设成电脑版模式

    华为手机怎么把自带浏览器网页设成电脑版模式

    华为手机是一款为广大消费者所喜爱的手机品牌,它颜值高,性能高,是值得选购的手机.使用此手机时,不少小伙伴还不太熟悉有关的操作技巧,因此常常存在困惑.比如:很多用户不知道怎么把自带浏览器网页设成电脑版模 ...