JS如何设置并限制浏览器窗口的大小
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS如何设置并限制浏览器窗口的大小相关的知识，希望对你有一定的参考价值。
我有一网站,首页是登录页面,我想在打开该页面时 固定窗口的大小（比如1024*768PX，在宽屏下也如此）,并限制不能改变.但当登录进入后,里面的页面可大可小,和其他正常页面一样!请问怎么能限制首页的大小！谢谢..高手救我...
JS控制浏览器窗口的大小代码之一：
<script>window.moveTo(0, 0);//移动窗口
window.resizeTo(800, 600);//改变大小
window.onresize=new Function("window.resizeTo(800, 600);")
</script>
JS控制浏览器窗口的大小代码之二：
if (window != top) top.location.href = location.href;
self.resizeTo(800,600);
</SCRIPT>
JS控制浏览器窗口的大小代码之三：
function openWin()
var i=0;
i = open("","","width=500,height=500");
</script>
JS控制浏览器窗口的大小代码之四：
var new_width=800; //你要固定的浏览器宽度
var new_height=600; //你要固定的浏览器高度
function resizewindow()
window.resizeTo(new_width,new_height);
resizewindow();
</SCRIPT> 参考技术A window.open(url,'','scrollbars=yes,top=100,left=100,resizable=no,status=no,toolbar=no,menubar=no,location=no,width=1024,height=768')
html5 Canvas 如何自适应屏幕大小？
参考技术A用JS调制屏幕大小。
1.CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。
2.JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。
3.完整代码这里我们使用 jQuery 来处理窗口尺寸改变事件响应，以及属性设置。
4.同时使用 $(window).get(0).innerHeight 获取窗口高度，而不是 $(window).height()。是因为后者效果并不完美，无法返回所有浏览器窗口的完整高度值，这样浏览器窗口中 canvas 元素和滚动条的四周可能会仍存在白色区域。
5.代码公式：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="jquery-3.1.1.js"></script><style>* margin: 0;padding: 0;html, body height: 100%;width: 100%;canvas display: block;background: #D6F8FF;</style><script type="text/javascript">$(function() //添加窗口尺寸改变响应监听$(window).resize(resizeCanvas);//页面加载后先设置一下canvas大小resizeCanvas();)//canvasfunctionresizeCanvas$("#myCanvas").attr("width"$(window).get(0).innerWidth);$("#myCanvas").atr("height", $(window).get(0).innerHeight);;</script></head<body<canvas id="myCanvas" width="400" height="200"></body>。
</html>
以上是关于JS如何设置并限制浏览器窗口的大小的主要内容，如果未能解决你的问题，请参考以下文章