<html>
<head>
<script type="text/javascript">
//确认浏览器的位置
var left = (typeof window.screenLeft == 'number') ? window.screenLeft : window.screenX;
var top = (typeof window.screenTop == 'number') ? window.screenTop : window.screenY;
console.log(left);
console.log(top);
//这两个修改浏览器位置的方法,浏览器很可能禁用。
window.moveTo(0, 0);
window.moveBy(0, 100);
//获得页面视口的大小(浏览器窗口的大小减去边框的大小)
//针对移动设备获取视口大小
var pageWidth = window.innerWidth;
var pageHeight = window.innerHeight;
//如果不是移动设备而是网页
if (typeof pageWidth != 'number') {
if (document.compatMode == 'CSS1Compat') {
//标准模式下获取视口大小
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
} else {
//混合模式下获取视口大小
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
console.log(pageWidth);
console.log(pageHeight);
</script>
</head>
<frameset rows='20%,60%,20%'>
<frame src='head.html' name='head'></frame>
<frameset cols='50%,50%'>
<frame src='left.html' name='left'></frame>
<frame src='right.html' name='right'></frame>
</frameset>
<frame src='foot.html' name='foot'></frame>
</frameset>
</html>
<head>
<script type="text/javascript">
//确认浏览器的位置
var left = (typeof window.screenLeft == 'number') ? window.screenLeft : window.screenX;
var top = (typeof window.screenTop == 'number') ? window.screenTop : window.screenY;
console.log(left);
console.log(top);
//这两个修改浏览器位置的方法,浏览器很可能禁用。
window.moveTo(0, 0);
window.moveBy(0, 100);
//获得页面视口的大小(浏览器窗口的大小减去边框的大小)
//针对移动设备获取视口大小
var pageWidth = window.innerWidth;
var pageHeight = window.innerHeight;
//如果不是移动设备而是网页
if (typeof pageWidth != 'number') {
if (document.compatMode == 'CSS1Compat') {
//标准模式下获取视口大小
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
} else {
//混合模式下获取视口大小
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
console.log(pageWidth);
console.log(pageHeight);
</script>
</head>
<frameset rows='20%,60%,20%'>
<frame src='head.html' name='head'></frame>
<frameset cols='50%,50%'>
<frame src='left.html' name='left'></frame>
<frame src='right.html' name='right'></frame>
</frameset>
<frame src='foot.html' name='foot'></frame>
</frameset>
</html>