//窗口关系及框架； window top parent self
//窗口的位置：screenLeft screenTop screenX screenY 是浏览器窗口与屏幕左边和上边的距离；火狐中screenLeft和screenTop不存在 值兼容screenX和screenY；
console.log(window.screenLeft);
console.log(window.screenTop);
console.log(window.screenX);
console.log(window.screenY);
//以上的值是一样的；但是有兼容性问题；一下解决兼容性问题；不判断火狐为undefined；
// var left = (typeof window.screenLeft == "number")?window.screenLeft:window.screenX;
// var Top = (typeof window.screenTop == "number")?window.screenTop:window.screenY;
var left = (window.screenLeft != undefined)?window.screenLeft:window.screenX;
var Top = (window.screenTop != undefined)?window.screenTop:window.screenY;
console.log(window.left);
console.log(window.Top);
//moveTo:接受两个参数--新位置 moveBy接受两个参数--移动的像素数；
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
btn1.onclick = function(){
var newCH = window.open("lizi.html","","width=200,height=200");
// newCH
// newCH.moveTo(100,100);
newCH.moveBy(100,100);
}
/*
窗口大小；
标准模式：
window.innerHeight; 不包括状态栏等，视口大小
window.innerWidth; 不包括状态栏等，视口大小
docuemnt.documentElement.clientWidth;视口大小
document.docuemntElement.clientHeight;视口大小
混杂模式：
document.body.clientHeight;视口大小
document.body.clientWidth;视口大小
window.outerWidth; 包括状态栏等 浏览器窗口大小；
window.outerHeight; 包括状态栏等
*/
var pageWidth = window.innerWidth;
var pageHeight = window.innerHeight;
if(pageWidth != "number"){
if(document.compatMode == "CSS1Compat"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
}else{
pageWid th = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
//resizeTo() resizeBy()调整浏览器窗口的大小；
// resizeTo() 接受浏览器窗口的新宽度和新高度；resizeBy() 接受新窗口与原窗口的宽度与高度之差；
//导航和打开窗口
<body>
<button>打开新窗口</button>
<button>关闭新窗口</button>
<frame name="topfram">
</body>
<script>
//导航和打开窗口 window.open()可以导航到一个特定的URL，也可以打开一个新的浏览器窗口；这个方法接受四个参数：要加载的URL，窗口目标，窗口属性，一个表示新页面时候取代浏览器历史记录当前加载页面的布尔值；通常只需要传递第一个参数，最后一个参数只在不打开新窗口的情况下使用；第二个参数;如果该参数已有窗口或框架的名称，就会在具有该名称的窗口或框架中加载指定的URL；第三个参数是用逗号分隔的字符串；window.close()可以关闭用
新创建的window对象有一个opener属性；保存着打开它的原始窗口对象；
window.open()打开的窗口；
var btn = document.getElementsByTagName("button");
var bun;
btn[0].onclick = function(){
Win = window.open("lizi.html","","width=200,height=300");
Win.opener = null; //新创建的标签页不需要与打开它的标签页同心，可以在独立进程中运行；标签页之间的联系一旦切断将无法恢复；
}
btn[1].onclick = function(){
bun.close();//关闭打开的窗口
}
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
