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>

<script>

windowonload = function(){

    //把屏幕宽度赋值给该元素

    documentgetElementById("float_banner")stylewidth = windowscreenwidth + 'px';

}

</script>

的却,在css代码页可以执行js代码,但是,不建议这样做

精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

eventclientX 相对文档的水平座标

eventclientY 相对文档的垂直座标

eventoffsetX 相对容器的水平坐标

eventoffsetY 相对容器的垂直坐标

documentdocumentElementscrollTop 垂直方向滚动的值

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量

实现代码

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"

">

<script type="text/javascript">

//jquery获取ID为abc的元素的宽度

alert($("#abc")width());

//js获取ID为abc的元素的宽度

alert(parseInt(documentgetElementById('abc')stylewidth));

</script>

js通过html对象的style属性获取元素属性

获取到的值是包含单位(px像素)的

将获取到的值转化成整数就可去掉单位

parseInt() 函数可解析一个字符串,并返回一个整数

语法

parseInt(string, radix)

参数 描述

string 必需。要被解析的字符串。

radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

                  如果省略该参数或其值为 0,则数字将以 10 为基础来解析。

                  如果它以“0x” 或 “0X” 开头,将以 16 为基数。

                  如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

返回值

返回解析后的数字。

以上就是关于js怎么样控制打开网页窗口的大小全部的内容,包括:js怎么样控制打开网页窗口的大小、javascript 获取宽度,然后再css中使用的问题、js怎么取得文本框的宽度与高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9523303.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存