原生JS 有3种最常用的弹窗方式
最最最常用的是 alert()
alert 引发的弹窗,只有一个“确定”按钮。
alert( 内容 )
内容可以是变量,可以是字符串。
字符串需要用单引号或者双引号括起来。
需要注意的是,内容如果是 html 标签,是会直接输出字符串的。
如果需要换行,需要用到 html 的转义字符。
alert 无法直接展示 object。
confirm 对比 alert,会多出一个“取消”按钮。
而且 confirm 有一个回调值。
如果点击了“确定”,返回值为:true
如果点击了“取消”,返回值为:false
prompt 的比 confirm 多一个输入框。
同样,prompt 也是有返回值的。
如果按了确定,返回值是 输入的内容,字符串型。
如果按了取消,返回值是:null。
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的<body>标签中,输入js代码:
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面,此时点击按钮弹出了提示框。