利用window.prompt方法,实现密码正确进去页面的功能

window.prompt

显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字。

result = window.prompt(text, value);
var sign = prompt("你是什么星座的?");
if (sign == "天蝎座"){
   alert("哇! 我也是天蝎座的耶!");
}
// 有多种使用prompt方法的方式
var sign = window.prompt(); // 打开空的提示窗口
var sign = prompt();       // 打开空的提示窗口
var sign = window.prompt('你觉得很幸运吗?'); // 打开显示提示文本为"你觉得很幸运吗?"的提示窗口
var sign = window.prompt('你觉得很幸运吗?','是的'); // 打开显示提示文本为"你觉得很幸运吗?"并且输入框默认值为"是的"的提示窗口
  • result 用来存储用户输入文字的字符串,或者是 null。
  • text 用来提示用户输入文字的字符串,如果没有任何提示内容,该参数可以省略不写。
  • value 文本输入框中的默认值,该参数也可以省略不写。不过在 Internet Explorer 7 和 8 中,省略该参数会导致输入框中显示默认值"undefined"。
  • 当用户点击"确定"按钮后,文本输入框中的文字被返回。如果文本输入框中为空,则返回一个空字符串。如果用户点击"取消"按钮,则返回null。

实例:

点击图片前需要输入密码,否则无法进入

<div class="img-wrap">
	<a  onclick="promptxx('one.html');" >
		<img src="cover1.jpg" alt="">
	</a>
</div>

<script type="text/javascript">
function promptxx(url){
var theResponse = window.prompt("请输入密码","");
	
	if("2021"==theResponse){
	    location.href="http://www.mdmooc.org/wxppt/"+url;
	 }else{
		alert("密码错误");
	}
}
</script>

 

### JavaScript `window.prompt` 使用方法 #### 基础概念 `window.prompt()` 是浏览器内置的一个函数,用于显示一个对话框,向用户请求输入。该方法会暂停当前页面的执行直到用户关闭对话框为止。此方法返回用户输入的内容作为字符串形式的数据,如果用户点击取消或关闭对话框,则返回 `null`。 #### 函数签名 ```javascript var userInput = window.prompt(text [, defaultValue]); ``` - **text**: 显示给用户的提示消息。 - **defaultValue** (可选): 文本框内的初始内容,默认为空字符串[^2]。 #### 返回值处理 当用户交互完成后,可以通过简单的逻辑判断来决定下一步操作: - 如果用户提供了有效输入(即非空且不是通过取消按钮退出),则继续后续流程; - 否则采取其他措施,如给出默认响应或者再次询问等。 #### 实际应用案例 下面是一个具体的例子展示了如何利用 `window.prompt()` 来收集用户的名字,并根据其回应做出相应反应: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Prompt Example</title> </head> <body> <script type="text/javascript"> // 获取用户名字 let userName = window.prompt('请输入你的姓名', ''); // 判断是否有合法输入 if (!userName || userName === null) { // 用户未输入任何信息 或者 取消了对话框 console.log("您选择了跳过"); } else { // 输出欢迎语句至控制台 console.log(`你好, ${userName}`); } </script> </body> </html> ``` 这段代码首先尝试让用户填写自己的名字;如果没有得到有效的回复,则会在开发者工具的日志区域打印一条通知说明情况;反之则会友好地问候对方。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值