BOM对象中的属性和方法

//关闭当前窗口
		//window.close();
			
		//弹出一个带有OK按钮的对话框
		//window.alert('message');
			
		//弹出一个带有OK按钮和Cancel按钮的对话框
		//window.confirm('are you?');
			
		//弹出一个带有输入框和提示信息的对话框
		//var age = window.prompt('请输入年龄:','');
			
		//使状态栏的文本暂时改变
		//window.status;
		//默认的状态栏信息,可在用户离开当前页面前一直改变文本
		//window.defaultStatus;
		
		//在指定的时间后执行代码,接收两个参数,执行的代码和时间
		// window.setTimeout(function(){
		// 	alert('执行')
		// },2000);
			
		//取消还未执行的暂停,将暂停ID传递给它
		//window.clearTimeout('ID');
			
		//每隔一段时间执行一次,接收两个参数,执行的代码和时间
		// window.setInterval(function(){
		// 	alert('123');
		// },1000);
			
		//取消时间间隔,将ID传递给它
		//window.clearInterval('');
			
		//访问浏览器里斯,负数为后退,正数为前进
		//window.history.go(-1);
		//window.history.back(-1);
		//window,history.forward(-1);
			
		//取消由setInterval()设置的timeout
		//clearInterval()
			
		//取消由setTimeout()设置的timeout
		//clearTimeout()
			
		//创建一个pop-up窗口
		//creatPopup();
			
		// moveBy() 可相对窗口的当前坐标把它移动指定的像素。
		// moveTo() 把窗口的左上角移动到一个指定的坐标。
		// open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
		// print() 打印当前窗口的内容。
		// resizeBy() 按照指定的像素调整窗口的大小。
		// resizeTo() 把窗口的大小调整到指定的宽度和高度。
		// scrollBy() 按照指定的像素值来滚动内容。
		// scrollTo() 把内容滚动到指定的坐标。
		// setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
		// setTimeout(方法,秒数) 在指定的毫秒数后调用函数或计算表达式。 
		// timeOutEvent = setTimeout("longPress('" + obj + "')",1500);定时器传参数

### BOM对象 BOM即浏览器对象模型(Browser Object Model),它提供了独立于内容而与浏览器窗口进行交互的对象,主要用于操作浏览器窗口。以下是一些主要的BOM对象及其作用: - **window**:是浏览器窗体对象,也是BOM的核心对象,其他BOM对象都是它的属性。它可对浏览器窗口进行操作,如创建弹出窗口、设置定时器等。 ```javascript // 打开一个新窗口 window.open('https://www.example.com', '_blank'); ``` - **location**:为浏览器地址栏对象,能获取或修改当前页面的URL地址,例如实现页面跳转等功能。 ```javascript // 获取当前页面的URL console.log(window.location.href); // 跳转到指定页面 window.location.href = 'https://www.newpage.com'; ``` - **history**:作为历史记录对象,可操控浏览器的历史记录,实现前进、后退等操作。 ```javascript // 后退一页 window.history.back(); // 前进一页 window.history.forward(); ``` - **Navigator**:存放有关浏览器的信息,可用于识别用户使用的浏览器类型等信息。 ```javascript // 获取浏览器的用户代理信息 console.log(window.navigator.userAgent); ``` - **Screen**:存放客户端显示屏幕的信息,如屏幕分辨率等。 ```javascript // 获取屏幕的宽度 console.log(window.screen.width); ``` ### DOM对象 DOM即文档对象模型(Document Object Model),当HTML文档在被解析为一颗DOM树以后,里面的每一个节点都可以看做是一个一个的对象,称为DOM对象。document是JavaScript内置的专门用于DOM的对象,该对象包含了若干的属性方法,是学习DOM的核心[^1]。可以对DOM对象进行各式各样的操作,查找到某一个或者一类节点对象,可以创建某种节点对象,可以在某个位置添加节点对象,甚至可以动态地删除节点对象,这些操作可以使页面看起来有动态的效果,后期结合事件使用,就能让页面在特定时机、特定的事件下执行特定的变换[^2]。 ```javascript // 通过 document 获取根节点 console.log(document.documentElement); // 对应 html 标签 // 通过 document 节取 body 节点 console.log(document.body); // 对应 body 标签 // 通过 document.write 方法向网页输出内容 document.write('Hello World!'); // 通过 JavaScript 操作 DOM,实现点击按钮后修改段落内容 var button = document.getElementById('myButton'); var paragraph = document.getElementById('myParagraph'); button.addEventListener('click', function() { paragraph.innerText = "按钮被点击了!"; }); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值