JavaScript弹出框

article/2025/10/14 7:34:08

提到弹出框,首先想到的alert()了,其次想到的也还是alert(),其实在js中有三种弹出框,下面我们一一说明。


1,仅确定。

 即:对话框界面上只有确定按钮。该功能可以使用alert()方法实现。

代码:

<script language="javascript">//alert弹出框实例alert("Hello Everyone!");alert("Bye!");</script>


结果:




点击确定后:




总结:

1,js中每个alert()语句都会弹出一个对话框,不覆盖。

2,对话框是由浏览器产生的,js语句只是触发其发生而已。因此不同浏览器的弹出框样式会有所差别。


2,确定和取消

即:对话框界面上有确定和取消,用confirm()实现

代码:

<script language="javascript">//confirm弹出框实例confirm("confirm 弹出框");</script>



结果:



这里需要注意:无论我们点击确定还是取消,弹出框都会关闭,不同的是我们点击确定,confirm()返回true,否则返回false。

下面我们用代码展示:

代码:

<script language="javascript">//confirm弹出框实例var conf=confirm("confirm 弹出框 请选择确定或取消");//显示用户选择的confirmif(conf==true){alert("您选择了:确定");}else {alert("您选择了:取消")}
</script>

结果:





点击确定后:




3,允许输入内容

界面显示文本框,用户可输入,用prompt()实现

代码:


<script language="javascript">//prompt弹出框实例var name=prompt("请输入您的名字:");//弹出用户输入的信息;alert(name);
</script>

结果:

点击确定后:

点击取消后:

三种样式的弹出框是最基本的,也是最简单的,根据不同情况选择使用哪种。


http://chatgpt.dhexx.cn/article/0K7CtvcF.shtml

相关文章

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;即安全外壳协议。它是一种专为远程登陆会话和网络服务提供安全性的应用层协议。说白…

ESXI ssh 登录

ESXI ssh 登录 一. 背景: ESXI 是vmware的虚拟化操作系统,主要是更加linux进行定制化开发的一套轻量级的操作系统.日常操作使用web界面管理就好了,但在某些特殊的场景下,可能需要登录服务器进行故障排查,软件更新,系统重启等. 这时候就需要开启ssh服务进行登录了 二. 操作: …

ssh的两种登录方式

1. 密码登录 这是默认的一种登录方式&#xff0c;如图&#xff1a; 输入密码以后成功登录shell: 以后每次登录都得输入密码&#xff0c;比较麻烦。 2. 公钥登录 为了方便&#xff0c;ssh还提供了使用公钥的登录方式&#xff0c;原理为在client生成一对公私钥&#xff0c;cli…

ssh登录原理解析

1.什么是ssh? 简单说&#xff0c;SSH是一种网络协议&#xff0c;用于计算机之间的加密登录。如果一个用户从本地计算机&#xff0c;使用SSH协议登录另一台远程计算机&#xff0c;我们就可以认为&#xff0c;这种登录是安全的&#xff0c;即使被中途截获&#xff0c;密码也不会…