061认识BOM

Asteroid 325

于 2020-07-30 19:21:05 发布

阅读量145

点赞数

本文链接：https://blog.csdn.net/weixin_43846020/article/details/107692464

版权

JS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

BOM

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			/*
			  BOM: browser object model
			  浏览器对象模型
			*/
		   /*
		   系统对话框
		      window 方法（一般情况下window可以省略）,相当与是默认为window
			   alert()弹出警告窗
			   confirm（） 弹出一个带确定和取消的提示框
			   返回值：如果点击确定，返回true
			           如果点击取消，返回false
			   prompt()弹出一个带输入框的提示框
					参数：
					  第一个参数：面板上显示的内容
					  第二个参数：输入框里面的默认(可以不出传入)
					  返回值：点击确定，返回输入框的内容
					      点击取消，返回null
						  
		   */
		  var res1=prompt("please input",100);
		  alert(res1);
		  
		  var res=confirm("sure?");
		  alert(res);
		  
		  alert("hello");
		  window.alert("world");
		  function show(){
		  alert("hello world");
		  }
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

open方法

在这里插入图片描述

有些浏览器可能不兼容：【火狐基本上都可以】
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>open方法</title>
		<script>
			/*
			 open()
			   第一个参数：跳转的url 打开一个新窗口，加载url
			   第二个参数：字符窜，给打开的窗口起一个名字
			   第三个参数：一窜特殊含义的字符窜，可以控制打开窗口的属性
			*/
		   function btnClick(){
			   //window.open
			   open("https://www.baidu.com","xxx",'width=400,height=400,top=200,left=300');
		   }
		</script>
	</head>
	<body>
		<button onclick='btnClick();'>打开窗口open</button>
	</body>
</html>

Asteroid 325

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
061认识BOM

BOM<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> /* BOM: browser object model 浏览器对象模型 */ /* 系统对话框 window 方法（一般情况下window可以省略）,相当与是默认为windo
复制链接

扫一扫

专栏目录