本文最后更新于【 2019-12-21 22:28:00 】，某些文章具有時效性，若有錯誤或已失效，請在下方 留言 或聯系 小P君 。

今天在搞一個簡單的短域名生成網頁的時候，以防被濫用，所以想給html加一個簡單的密碼，需要密碼才能訪問，故折騰一番！

其實加一段JS就可以！我最先開始貼的這段JS，這段JS代碼加在body和/body中間位置即可！

loopy()

function loopy() {

var sWord =""

while (sWord != "123") { //設置密碼

sWord = prompt("輸入正確密碼才能登陸!")

}

alert("歡迎訪問")

}

但是我卻發現一個問題，就是各位瀏覽器如果輸入不了正確的密碼，就會一直在那個頁面并且保持彈窗的狀態！

后面重新整理了一下，感覺下方這種會更合適些！

var password=""

password=prompt('請輸入密碼(本網站需輸入密碼才可以進入):','');

function custom_close()

{

window.opener=null;

window.open('','_self');

window.close();

}

if (password !='123')

{

custom_close();

//加這一段是為了避免有些瀏覽器不支持關閉瀏覽器的js ,所以請求跳轉到一個新頁面！

window.location.href='about:blank';

}

這后面的一句呢，就表示假如你輸入不成功，不會停留在彈窗頁面，而是跳轉到另外一個頁面，就可以直接關閉！

當然，我的about:blank是空白頁，你也可以設置為百度啊，或者自己想要放置的鏈接！

嗯，這樣，這個html就需要密碼訪問，實現簡單html加密了，是不是有點意思，覺得有用的童鞋可以去試試哦！

總結

以上是生活随笔為你收集整理的html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。