【JS】几种常用的弹窗

JavaScript051

【JS】几种常用的弹窗,第1张

原生JS 有3种最常用的弹窗方式

最最最常用的是 alert()

alert 引发的弹窗,只有一个“确定”按钮。

alert( 内容 )

内容可以是变量,可以是字符串。

字符串需要用单引号或者双引号括起来。

需要注意的是,内容如果是 html 标签,是会直接输出字符串的。

如果需要换行,需要用到 html 的转义字符。

alert 无法直接展示 object。

confirm 对比 alert,会多出一个“取消”按钮。

而且 confirm 有一个回调值。

如果点击了“确定”,返回值为:true

如果点击了“取消”,返回值为:false

prompt 的比 confirm 多一个输入框。

同样,prompt 也是有返回值的。

如果按了确定,返回值是 输入的内容,字符串型。

如果按了取消,返回值是:null。

1.首先,打开hbuilder软件,在空白文件中写入两个button,并将id属性设置为btn1和btn2,在下面添加脚本标签以获取dom。button1的元素,并为其button标签赋予click事件,当单击button1时,文本将更改。

2.然后,按crtl+s保存,可以在浏览器中看到两个按钮。

3.接着,在右侧浏览器中单击button1的按钮,button1的文本内容将更改。

4.jQuery首先需要将jQuery导入下面的文件,然后使用jQuery的“$”选择器获取button2的dom,并为其设置click事件,然后可以更改按钮的内容。

5.最后,保存后,在浏览器中单击button2,还可以观察到文本内容已更改。操作完成。

var a = 0

do {

a = prompt('请输入9以内的数字')

// 如果a不是1-9的数字,把a的值设置为-1

if (!/^[1-9]$/.test(a)) {

a = -1

}

} while(a<0)

alert('您输入的数字为: '+a)