JavaScript 弹出对话框3种方式

article/2025/10/14 7:28:23



js 弹出对话框3种方式
对话框有三种
1:只是提醒,不能对脚本产生任何改变;
2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断
3:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片
下面我们分别演示: 复制以下代码存为test.htm文件

<html>
<head>
    
<title>无标题页</title>
</head>
<script language="javascript" type="text/javascript">
    function ale()
    {
         
//这个基本没有什么说的,就是弹出一个提醒的对话框

         alert("我敢保证,你现在用的是演示一");
    }
    
function
 firm()
    {
        
//利用对话框返回的值 (true 或者 false)

        if(confirm("你确信要转去 天轰穿的博客?"))
        {
             
//如果是true ,那么就把页面转向thcjp.cnblogs.com

             location.href="http://thcjp.cnblogs.com";
         }
        
else

        {
             
//否则说明下了,赫赫
             alert("你按了取消,那就是返回false");
         }
    }
    
function
 prom()
    {
        
var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,

        //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
        if(name)//如果返回的有内容
        {
             alert(
"欢迎您:"+
 name)
         }
    }
</script>
<body>
    
<p>演示一:提醒 对话框</p>
    
<input type="submit" name="Submit" value="提交" onclick="ale()" />
    
<p>演示二 :确认对话框 </p>
    
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
    
<p>演示三 :要求用户输入,然后给个结果</p>
    
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</body>
</html>

 

 


演示一:

演示二:

演示三:


http://chatgpt.dhexx.cn/article/7KEnHGPT.shtml

相关文章

js的弹出框

js的弹出框包括三种&#xff1a;alert、confirm、prompt 1 alert() alert()方法有一个参数&#xff0c;就是用户想弹出的内容&#xff0c;弹出框很简单&#xff0c;就一个显示功能&#xff0c;你可以点击确认关闭这个弹出框。 例如&#xff1a; alert("hello world&…

JavaScript弹出对话框的三种方法

三种方法 alert(); 最简单&#xff0c;将alert();括号内的内容弹出。 confirm(); 与alert();类似&#xff0c;包含确认和取消按钮&#xff0c;点击确定confirm();方法会返回true&#xff0c;点击取消confirm();方法会返回false&#xff1b; prompt(); 与confirm();方法…

JavaScript弹出框

提到弹出框&#xff0c;首先想到的alert()了&#xff0c;其次想到的也还是alert&#xff08;&#xff09;&#xff0c;其实在js中有三种弹出框&#xff0c;下面我们一一说明。 1&#xff0c;仅确定。 即&#xff1a;对话框界面上只有确定按钮。该功能可以使用alert&#xff08;…

JS弹出对话框的三种方式

javascript的三种对话框是通过调用window对象的三个方法alert()&#xff0c;confirm()和prompt()来获得&#xff0c;可以利用这些对话框来完成js的输入和输出&#xff0c;实现与用户能进行交互的js代码。 第一种&#xff1a;alert()方法 alert()方法是这三种对话框中最容易使用…

JavaScript弹出对话框的三种方式-alert()-confirm()-prompt()

一、alert()警告框&#xff08;确定&#xff09; alert()方法是显示一条弹出提示消息和确认按钮的警告框。 需要注意的是 &#xff1a; alert()是一个阻塞的函数&#xff0c;如果不点确认按钮&#xff0c;后面的内容就不会加载出来。 使用方式&#xff1a; alert(“想要提示的文…

ssh 公钥登录

公钥登录远程主机 ssh-copy-id命令可以把本地主机的公钥复制到远程主机的authorized_keys文件上。 ssh-copy-id命令也会给远程主机的用户主目录&#xff08;home&#xff09;和~/.ssh, 和~/.ssh/authorized_keys设置合适的权限。 ssh-copy-id [-i [identity_file]] [user]m…

SSH登录失败提示Key exchange failed

前两天去配置一台华为5735交换机&#xff0c;到现场才被告知网络中不允许接入私人电脑&#xff0c;要用他们的涉密电脑配置&#xff0c;结果配置完成后测试SSH远程登录失败&#xff0c;提示如下图&#xff1a; 多次检查配置没有发现有什么遗漏&#xff0c;后来询问别人告知是本…

统信UOS配置SSH登录

配置ssh登录 vim /etc/ssh/sshd_config #打开ssh配置文件 Port 22 #开启ssh 22端口 PermitRootLogin yes #允许root登录 systemctl restart sshd #重启sshd服务 使用MobaXterm1_CHS1远程工具测试 登录成功

Oracle云服务器启用SSH登录

Oracle云服务器&#xff08;虚机实例&#xff09;创建创建完成后&#xff0c;打开FinalShell&#xff08;可以使用其他Shell登录工具&#xff09;配置好相应的信息。 在此注意以下两点&#xff1a; 用户名是&#xff1a;Centos系统默认账户是opc&#xff1b;Ubuntu系统默认账户…

通过SSH登录Linux云服务器方法

目录 什么是SSH ? SSH登录云服务器 VScode配置ssh环境 VSCode配置Linux平台C/C编程环境 什么是SSH ? Secure Shell&#xff08;安全外壳协议&#xff0c;简称SSH&#xff09;是一种加密的网络传输协议&#xff0c;可在不安全的网络中为网络服务提供安全的传输环境。SSH通…

树莓派SSH登录显示Access Denied

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、2022.4.4版本以前二、2022.4.4版本以后 一、2022.4.4版本以前 补充一个&#xff0c;第一次连接wifi,在内存卡根目录新建wpa_supplicant.conf文件&#xff0c;输…

ESXi开启SSH登录权限

一、使用vmware vSphere client工具登录到esxi主机&#xff0c; 依次点击&#xff1a;主机---配置---安全配置文件---属性 二、 找到SSH,点击选项. 三、点击”启动” 四、点击“确定”保存就可以了。

kali下开启ssh登录的方法

1.netstat -lnt //查看开放是否开放22端口 2.vim /etc/ssh/sshd_config //进入关于ssh的配置文件 3.修改内容&#xff1a; 按i进行编辑修改&#xff1b; 修改完成后按Esc &#xff0c;按&#xff1a;&#xff0c;输入wq保存修改并退出。 4./etc/init.d/ssh…

python实现远程ssh登录

1、安装库 pip install paramiko 2、函数介绍 导入库 import paramiko 创建客户端 ssh paramiko.SSHClient() 设置校验 ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy()) 连接登录 ssh.connect(‘192.168.xx.xx’, 22, ‘root’, ‘pwd’) 执行命令 stdin, st…

限制SSH登录IP

步骤&#xff1a; 在指定IP的机器上&#xff08;目前是 172.1.1.10&#xff09;&#xff0c;登录192.168.1.10终端&#xff0c;输入命令&#xff1a; vim /etc/ssh/sshd_config 在末尾输入&#xff1a; AllowUsers root192.168.1.10 即允许192.168.1.10 登录root账户 如需新…

Ubuntu SSH登录

远程登录Ubuntu&#xff0c;一般使用SSH方式。下面介绍SSH的安装和使用。 1、安装SSH服务器 sudo apt-get install openssh-server2、关闭SSH sudo /etc/init.d/ssh stop3、配置SSH su root vim /etc/ssh/sshd_configPort XXX PermitRootLogin yes4、启动SSH 1&#xff09;…

debian ssh登录root

1、xshell无法登录root 2、修改/etc/ssh/sshd_config 如果没有/etc/ssh/sshd_config 就安装一下 apt install openssh-server 然后修改/etc/ssh/sshd_config cp /etc/ssh/sshd_config /etc/ssh/sshd_config.bak vi /etc/ssh/sshd_config 添加一行&#xff1a;PermitRootL…

Linux的ssh登录命令,Linux SSH登录命令总结

当项目计算量比较大,我们需要将任务分布到多台电脑上面运行,因为对于分布式概念不熟,就想到了Linux最简单的ssh协议,远程控制其他电脑,然后写shell脚本统一在所有电脑上运行程序。 简单说,SSH是一种网络协议,用于计算机之间的加密登录。 如果一个用户从本地计算机,使用SSH协…

Telnet登录、ssh登录

一、Telnet登录 开启路由器的Telnet功能&#xff0c;配置Telnet登陆的用户名和密码为yourname/yourname123 1.配置AAA登录 配置用于Telnet登陆的用户名和密码 &#xff08;Telnet服务默认开启 telnet server enable -----打开telnet服务&#xff09; [Router]aaa -----进入…

SSH登录及其原理详解

干货时刻 本文主要讲解了什么是SSH以及SSH协议口令验证登录和公钥登录等两种登录方式的原理&#xff0c;同时演示了如何用SSH连接Github。 SSH 是什么 SSH的全称为Secure Shell&#xff0c;即安全外壳协议。它是一种专为远程登陆会话和网络服务提供安全性的应用层协议。说白…