js固定浏览器大小

JavaScript015

js固定浏览器大小,第1张

<SCRIPT language=JavaScript> <!-- var new_width=800//你要固定的浏览器宽度 var new_height=600//你要固定的浏览器高度 function resizewindow() { window.resizeTo(new_width,new_height) } resizewindow() //--> </SCRIPT>

用 JavaScript 控制浏览器窗口大小:

A:有时候,需要控制显示窗口的大小,通过点击窗口右上角的控制按钮来实现。

function Minimize()

{

window.innerWidth = 100

window.innerHeight = 100

window.screenX = screen.width

window.screenY = screen.height

alwaysLowered = true

}

function Maximize()

{

window.innerWidth = screen.width

window.innerHeight = screen.height

window.screenX = 0

window.screenY = 0

alwaysLowered = false

}

上面的代码包含 2 个函数,第 1 个函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽 100 高100。然后,设置窗口的起始位置,定位大小为屏幕的宽和高,这样,使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时,上述代码可以用于设置屏幕的任何分辨率。

  注意,当在页面上应用这个功能时,请将那 2 个触发事件的链接放置在页面的左上角,这样,当窗口缩小到右下角时,也不会消失。

网页设计的时候经常会遇到窗口不好控制的情况,尤其现在大屏,宽屏很是普遍,过度的拉伸就导致页面的严重变形。实在是不美观呀,CSS写的好就可以避免这些问题,但是有时候只是一个简单小页面,比如自己写个权利声明什么的,就那么几条,整个屏幕显示就太难堪了……用CSS,感觉大才小用,简洁页面还是来个固定大小,随便罗列两条好些,下面就来介绍几种JS控制浏览器窗口大小的方法: JS控制浏览器窗口的大小代码之一: 程序代码 <script> window.moveTo(0, 0)//移动窗口 window.resizeTo(800, 600)//改变大小 window.onresize=new Function("window.resizeTo(800, 600)") </script> JS控制浏览器窗口的大小代码之二: 程序代码 <SCRIPT>if (window != top) top.location.href = location.hrefself.resizeTo(800,600)</SCRIPT> JS控制浏览器窗口的大小代码之三: 程序代码 <script language="javascript">function openWin() { var i=0i = open("","","width=500,height=500")} </script> JS控制浏览器窗口的大小代码之四: 程序代码 <SCRIPT language=JavaScript><!-- var new_width=800//你要固定的浏览器宽度 var new_height=600//你要固定的浏览器高度 function resizewindow() { window.resizeTo(new_width,new_height)} resizewindow()//--></SCRIPT> …… 这样的JS控制太多了,随便一个介绍JS的就有一大堆,就留这几个了,够用了。当然最好用的还是CSS,这里推荐的只做用急,把CSS学透了,这些都是小菜了。 本篇文章出自『一路聆听,有你有我』: http://www.wlzxy.com/blog/article.asp?id=146 转载请保留此声明! 补充: 放在<HEAD></HEAD>区域里面 追问: 不行啊!你随便写一个全的来看看,谢谢! 回答: 实例:现有两个文件1.html 2.html 1.html代码如下 <html> <head> <script LANGUAGE="javascript"> <!-- function openwin() { window.open ("2.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行 } //--> </script> </head> <body onload="openwin()"> <a href="#" onclick="openwin()">打开一个窗口....任意的页面内容... </a> </body> </html> 2.html <html> <body> akhsdkaghksdfakf </body> </html>