从零开始的python学习Day19

最新推荐文章于 2024-07-17 21:40:42 发布

m0_52957800

最新推荐文章于 2024-07-17 21:40:42 发布

阅读量289

点赞数

文章标签：学习 javascript 前端

本文链接：https://blog.csdn.net/m0_52957800/article/details/126927091

版权

python前端第三大技术

JS基础学习

1.弹窗

alter：有一段文字和确定的按钮的弹框

<body>
    <button onclick="alert('hello')">弹框1</button>
</body>

效果：

在这里插入图片描述

confirm：有一段文字提示信息、确定按钮和取消按钮的弹框，(如果用户点击的是取消按钮，返回值是false; 如果用户点击的是确定按钮，返回值是true)
```
function popup1(){
	var result=confirm('是否真的要删除数据？')
}
```

显示效果：

在这里插入图片描述

prompt：带有文字提示信息、确定按钮、取消按钮和输入框的弹框

案例：将写入的名字向body标签中插入

function prompt1(){
    // prompt(message,default(默认框中显示的指定内容))
    var result = prompt('输入学生名字','小马')
    console.log(result)
    if(result!=null && result.length!=0){
        var p = document.createElement('p')
        p.innerHTML = result
        var body = document.getElementsByTagName('body')[0]
        body.appendChild(p)
	}
}

效果如下：

在这里插入图片描述