js中弹窗相关的方法和区别

最新推荐文章于 2023-04-19 16:39:52 发布

钱端攻城狮

最新推荐文章于 2023-04-19 16:39:52 发布

阅读量228

点赞数

分类专栏： js 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_54932975/article/details/123746854

版权

js 专栏收录该内容

86 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<input type="text" placeholder="请输入文字"/>
		<input type="button" value="失去焦点" id="b"/>
		<input type="button" value="获取焦点" id="f"/>
		<!--弹框-->
		<input type="button"  value="alter" id="a"/>
	</body>
</html>
<script type="text/javascript">
	var input1 = document.querySelector("input");
  
  //获取焦点
	f.onclick = function(){
	  input1.focus();
	}
	//失去焦点
	b.onclick = function(){
		input1.blur();
	}
	
	//-----------
	//弹框 alter()
	a.onclick = function(){
//		window.alert("哈哈哈哈哈");
		//也是弹框   但是是带有疑问的  并且带有布尔返回值
//		var r = confirm("你是帅哥吗?");
//		console.log(r);
        //可以输入的提示框
        var s = prompt("请输猜你喜欢的颜色");
        console.log(s);
       
	}
	
	
</script>