js怎么样控制打开网页窗口的大小

js怎么样控制打开网页窗口的大小,第1张

JS控制浏览器窗口的大小代码之一:

<script>

windowmoveTo(0, 0);//移动窗口

windowresizeTo(800, 600);//改变大小

windowonresize=new Function("windowresizeTo(800, 600);")

</script>

JS控制浏览器窗口的大小代码之二:

<SCRIPT>

if (window != top) toplocationhref = locationhref;

selfresizeTo(800,600);

</SCRIPT>

JS控制浏览器窗口的大小代码之三:

<script language="javascript">

function openWin()

{

var i=0;

i = open("","","width=500,height=500");

}

</script>

JS控制浏览器窗口的大小代码之四:

<SCRIPT language=JavaScript>

var new_width=800; //你要固定的浏览器宽度

var new_height=600; //你要固定的浏览器高度

function resizewindow()

{

windowresizeTo(new_width,new_height);

}

resizewindow();

</SCRIPT>

网页可见区域宽: documentbodyclientWidth

网页可见区域高: documentbodyclientHeight

网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)

网页可见区域高: documentbodyoffsetHeight (包括边线的高)

网页正文全文宽: documentbodyscrollWidth

网页正文全文高: documentbodyscrollHeight

网页被卷去的高: documentbodyscrollTop

网页被卷去的左: documentbodyscrollLeft

网页正文部分上: windowscreenTop

网页正文部分左: windowscreenLeft

屏幕分辨率的高: windowscreenheight

屏幕分辨率的宽: windowscreenwidth

屏幕可用工作区高度: windowscreenavailHeight

屏幕可用工作区宽度: windowscreenavailWidth

jquery:

高度:$(window)height()

宽度:$(window)width();

浮动定位:$(option)css({top:(($(window)height()-$(option)height())/2)+'px'})

option 为你的浮动框识别class或识别id

你是要实现网页还是成比例缩放啊?

我这有个成比例缩放的JS代码,如下:

<script type="text/javascript">

//自动缩放尺寸

//参数:对象,最大宽度,最大高度

function gw_js_chgimg_wh(obj,width,height){

var image=new Image();

imagesrc=objsrc; //获取图像路径

var width1=imagewidth; //获取图像宽度

var height1=imageheight; //获取图像高度

var w=width1/width;

var h=height1/height;

if(width1<width && height1<height){

objwidth=width1;

objheight=height1;

}else{

if(h>w){

objheight=height;

objwidth=width1height/height1;

}else{

objwidth=width;

objheight=height1width/width1;

}

}

}

</script>

如果你是要网页成比例的代码,具体是要实现什么样的功能?请描述清楚一点,好方便理解。

以上就是关于js怎么样控制打开网页窗口的大小全部的内容,包括:js怎么样控制打开网页窗口的大小、js或者jquery如何获取自适应宽度的具体值、JS如何获取浏览器有效宽度和高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9514722.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存