当前位置: 代码迷 >> 综合 >> webday03-BOM-window对象
  详细解决方案

webday03-BOM-window对象

热度:82   发布时间:2024-02-13 13:49:04.0

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<!--BOM-->
<script type="text/javascript">
 //window对象
//1.在按钮点击时弹出提示框
function fn1(){
alert("你又点我了")
}
//2.输入框1获得焦点时弹出提示框
function fn2(){
alert("获得焦点了!")
}
//3.输入框2失去焦点时弹出提示框
function fn3(){
alert("失去焦点了!")
}
//4.弹出输入框3中的value值
 οnlοad=function(){
var inp3=document.getElementById("input3")
//alert(inp3.value)
}

//5.点击删除商品按钮,弹出提示是否删除,如果确定,则弹出商品已删除,否则弹出商品还在
function fn5(){
var res=confirm("确定删除吗?")
if(res){
alert("商品删除了!")
}else{
alert("商品还在!")
}
}            
</script>                
</head>
<body>
<input type="button" name="test1" value="按钮" οnclick="fn1()"/><br/><br/>
输入框1:<input type="text" name="test2" οnfοcus="fn2()"/><br/><br/>
输入框2:<input type="text" name="test3" οnblur="fn3()"/><br/><br/>
输入框3:<input type="text" name="test4" id="input3" value="第三个输入框"/><br/><br/>
<input type="button" name="test5" value="删除商品" οnclick="fn5()"/>
</body>
</html>

  相关解决方案