首页> 基础笔记 >JS/JQ基础学习 >BOM对象 BOM对象

JavaScript-window对象的方法

作者:小萝卜 2023-03-22 浏览 181

简介JavaScript-window对象的方法


实例:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>常见方法</title>
</head>
<body>
	<button id="o">打开新窗口</button>
	<button id="c">关闭窗口</button>
	<script type="text/javascript">
	//提示框
	// alert('iloveyou');

	//确认框
	// var res = confirm('后天休息么???思密达');
	// // alert(res);
	// if(res){
	// 	console.log('执行删除');
	// }else{
	// 	console.log('没有删除')
	// }

	//获取用户的输入
	// var res = prompt("请输入您的姓名");
	// alert(res);

	//打开i一个新窗口
	var o = document.getElementById('o');
	var c = document.getElementById('c');
	var opener = null;
	//单击事件绑定
	o.onclick = function(){
		// window.open('7.html', 'name');//name是对打开页面的一个字符串标识
		opener = window.open('7.html','','width=300,height=300,left=200,top=300');
	}

	c.onclick = function(){
		opener.close();
	}

    //将浏览器移动到指定位置
	// moveTo(100,100);

	//按照指定步进移动浏览器
	// setInterval(function(){
	// 	moveBy(10,10);
	// },100)

	//将浏览器大小设定成指定大小
	// resizeTo(200,300);
	//按照步进来修改浏览器的大小
	// resizeBy(10,10);

	//将浏览器滚动到指定位置
	scrollTo(100, 300);

	//按照指定步进滚动
	setInterval(function(){
		scrollBy(10,10);
	}, 


	</script>
</body>
</html>

很赞哦! (0)

文章评论

    高端网站建设