bom对象

最新推荐文章于 2021-12-06 20:12:08 发布

前端学习

最新推荐文章于 2021-12-06 20:12:08 发布

阅读量219

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/kaizi524/article/details/61914557

版权

前端同时被 2 个专栏收录

63 篇文章 0 订阅

订阅专栏

javascript

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>open 方法</title>
</head>
<body>
	<input type="button" value="按钮">
	<input type="button" value="关闭">
</body>
</html>
<script>
window.onload = function(){
	var oBtn = document.getElementsByTagName('input');
	var opener = null;
	// open方法
	// open(url, 打开方式) 如果URL为空则打开一个空白页
	// 打开方式为空，则新窗口打开
	// 返回值，返回新打开窗口的对象
	oBtn[0].onclick = function(){
		// alert(this.value);
		// window.open('http://baidu.com','_self');
		opener = window.open();
		// alert(opener);
		opener.document.body.style.background = 'red';

	}
	// close
	// 存在兼容问题
	// ff:默认无法关闭
	// chrome：默认关闭
	// ie：询问用户
	// 通过返回值关闭，则没有兼容问题
	oBtn[1].onclick = function(){
		// window.close();
		alert(window.navigator.userAgent);
	}
	// window.navigator.userAgent
	if(window.navigator.userAgent.indexOf('MISE') != -1){
		alert('ie');
	}else{
		alert('不是ie');
	}
	// window.location ：浏览器地址信息
	// window.location.url #后面的东西
	// window.locaton.href
	// window.locaton.search ? 后面的东西
	alert(window.location);

/**
		 * 可视区尺寸 
		 *  document.documentElement.clientWidth
		 *  document.documentElement.clientHeight
		 * 滚动距离
		 * document.documentElement.scrollTop/scrollLeft
		 * document.body.scrollTop/scrollLeft
		 * 存在兼容问题
		 * var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
		 * 内容高
		 * divObjevt.scrollHeight
		 *  文档高(存在兼容问题)
		 *  offsetHeight ie7下表现为可视区高
		 *  onscroll
		 *  onresize
		 */
		document.onclick = function(){
			// 滚动条滚动距离 
			// alert(document.body.scrollTop);
			// 内容高
			var oDiv1 = document.getElementById('div1');
			alert(oDiv1.scrollHeight);
			// 文档高
			alert(document.documentElement.offsetHeight);
			alert(document.body.offsetHeight)
		}

		window.onscroll = function(){
			//onscroll，onresize  触发按时间间隔计算
		}
	}


}</script>

前端学习

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bom对象

open 方法 window.onload = function(){ var oBtn = document.getElementsByTagName('input'); var opener = null; // open方法 // open(url, 打开方式) 如果URL为空则打开一个空白页 // 打开方式为空，则新窗口打开 // 返回值，返回新打开窗口的对象
复制链接

扫一扫