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) } }
效果如下:
输入文字之后:
插入成功!