js中怎样设置在窗口一打开时就限定窗口大小

js中怎样设置在窗口一打开时就限定窗口大小,第1张

1、使用windowopen()

function openwindow(aa)

{

return windowopen(aa,'newindow','height=600,width=900,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');

}

//调用方法

openwindow("indexhtml");

2、使用windowshowModalDialog()

function show(WINwidth, WINheight) {

showx = eventscreenX - eventoffsetX - 4 - WINwidth ; // + deltaX;

showy = eventscreenY - eventoffsetY + 18; // + deltaY;

newWINwidth = WINwidth + 4 + 18;

var features =

'dialogWidth:' + newWINwidth + 'px;' +

'dialogHeight:' + WINheight + 'px;' +

'dialogLeft:' + showx + 'px;' +

'dialogTop:' + showy + 'px;' +

'directories:no;

localtion:no;

menubar:no;

status=no;

toolbar=no;

scrollbars:no;

Resizeable=no';

var endtarget = "d出页面htm";

windowshowModalDialog(endtarget, " ", features);

}

<!--调用-->

<input name="image" type=image onClick="show(230, 35);return false;" src="//代替按扭的gif" alt="鼠标经过显示的文字" width="16" height="16" >

windowshowModalDialog

基本介绍:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)windowshowModalDialog()方法用来创建一个显示HTML内容的模态对话框(就是d出这个窗口后,父窗口是不可选的)。windowshowModelessDialog()方法用来创建一个显示HTML内容的非模态对话框(就是d出这个窗口后,父窗口仍然可选)。使用方法:vReturnValue = windowshowModalDialog(sURL [, vArguments] [,sFeatures])vReturnValue = windowshowModelessDialog(sURL [, vArguments] [,sFeatures])参数说明:sURL--必选参数,类型:字符串。用来指定对话框要显示的文档的URL。vArguments--可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过windowdialogArguments来取得传递进来的参数。sFeatures--可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。

1dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。

2dialogWidth: 对话框宽度

3dialogLeft: 离屏幕左的距离。

4dialogTop: 离屏幕上的距离。

5center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。

6help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。

7resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。

8status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

9scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。

下面几个属性是用在HTA中的,在一般的网页中一般不使用。10dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。

11edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。

12unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。参数传递:1要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:

<script>

var obj = new Object();

objname="ttop";

windowshowModalDialog("testhtm",obj,"dialogWidth=200px;dialogHeight=100px");

</script>

testhtm

<script>

var obj = windowdialogArguments

alert("您传递的参数为:" + objname)

</script>

2可以通过windowreturnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:

<script>

str=windowshowModalDialog("testhtm",,"dialogWidth=200px;dialogHeight=100px");

alert(str);

</script>

testhtm

<script>

windowreturnValue="qifei123";

</script>

jsp获取浏览器宽度是通过js来实现的。

JS 获取浏览器窗口大小

// 获取窗口宽度

if (windowsinnerWidth)

winWidth = windowsinnerWidth;

else if ((documentbody) && (documentbodyclientWidth))

winWidth = documentbodyclientWidth;

// 获取窗口高度

if (windowsinnerHeight)

winHeight = windowsinnerHeight;

else if ((documentbody) && (documentbodyclientHeight))

winHeight = documentbodyclientHeight;

// 通过深入 Document 内部对 body 进行检测,获取窗口大小

if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth)

{

winHeight = documentdocumentElementclientHeight;

winWidth = documentdocumentElementclientWidth;

}

<form action="#" method="get" name="form1" id="form1">

<!--显示浏览器窗口的实际尺寸-->

浏览器窗口 的 实际高度: <input type="text" name="availHeight" size="4"/><br />

浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/><br />

</form>

<script type="text/javascript">

<!--

var winWidth = 0;

var winHeight = 0;

function findDimensions() //函数:获取尺寸

{

//获取窗口宽度

if (windowinnerWidth)

winWidth = windowinnerWidth;

else if ((documentbody) && (documentbodyclientWidth))

winWidth = documentbodyclientWidth;

//获取窗口高度

if (windowinnerHeight)

winHeight = windowinnerHeight;

else if ((documentbody) && (documentbodyclientHeight))

winHeight = documentbodyclientHeight;

//通过深入Document内部对body进行检测,获取窗口大小

if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth)

{

winHeight = documentdocumentElementclientHeight;

winWidth = documentdocumentElementclientWidth;

}

//结果输出至两个文本框

documentform1availHeightvalue= winHeight;

documentform1availWidthvalue= winWidth;

}

findDimensions();

//调用函数,获取数值

windowonresize=findDimensions;

//-->

function set_wh(){

documentgetElementById('my_tb')width=documentform1availHeightvalue;

documentgetElementById('my_tb')height=documentform1availWidthvalue;

}

</script>

<table border="1" cellpadding="0" cellspacing="0" id="my_tb">

<tr><td>11</td></tr>

</table>

<input type="button" value="设置表格的宽和高" onclick="set_wh()">

IE中: 

documentbodyclientWidth ==> BODY对象宽度 

documentbodyclientHeight ==> BODY对象高度 

documentdocumentElementclientWidth ==> 可见区域宽度 

documentdocumentElementclientHeight ==> 可见区域高度

FireFox中: 

documentbodyclientWidth ==> BODY对象宽度 

documentbodyclientHeight ==> BODY对象高度 

documentdocumentElementclientWidth ==> 可见区域宽度 

documentdocumentElementclientHeight ==> 可见区域高度

Opera中: 

documentbodyclientWidth ==> 可见区域宽度 

documentbodyclientHeight ==> 可见区域高度 

documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 

没有定义W3C的标准,则 

IE为: 

documentdocumentElementclientWidth ==> 0 

documentdocumentElementclientHeight ==> 0 

FireFox为: 

documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 

Opera为: 

documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 

网页可见区域宽: documentbodyclientWidth 

网页可见区域高: documentbodyclientHeight 

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

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

网页正文全文宽: documentbodyscrollWidth 

网页正文全文高: documentbodyscrollHeight 

网页被卷去的高: documentbodyscrollTop 

网页被卷去的左: documentbodyscrollLeft 

网页正文部分上: windowscreenTop 

网页正文部分左: windowscreenLeft 

屏幕分辨率的高: windowscreenheight 

屏幕分辨率的宽: windowscreenwidth 

屏幕可用工作区高度: windowscreenavailHeight 

屏幕可用工作区宽度: windowscreenavailWidth 

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

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

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

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

scrollWidth:获取对象的滚动宽度 

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

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

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

eventclientX 相对文档的水平座标 

eventclientY 相对文档的垂直座标 

eventoffsetX 相对容器的水平坐标 

eventoffsetY 相对容器的垂直坐标 

documentdocumentElementscrollTop 垂直方向滚动的值 

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

示例:

var winWidth = 0; 

var winHeight = 0; 

function findDimensions() //函数:获取尺寸 

    //获取窗口宽度 

    if (windowinnerWidth) 

        winWidth = windowinnerWidth; 

    else if ((documentbody) && (documentbodyclientWidth)) 

        winWidth = documentbodyclientWidth; 

    //获取窗口高度 

    if (windowinnerHeight) 

        winHeight = windowinnerHeight; 

    else if ((documentbody) && (documentbodyclientHeight)) 

        winHeight = documentbodyclientHeight; 

    //通过深入Document内部对body进行检测,获取窗口大小 

    if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth) 

    { 

        winHeight = documentdocumentElementclientHeight; 

        winWidth = documentdocumentElementclientWidth; 

    } 

    //结果输出至两个文本框 

    documentform1availHeightvalue= winHeight; 

    documentform1availWidthvalue= winWidth; 

findDimensions(); 

//调用函数,获取数值 

windowonresize=findDimensions;

以上就是关于js中怎样设置在窗口一打开时就限定窗口大小全部的内容,包括:js中怎样设置在窗口一打开时就限定窗口大小、JSP怎么获取浏览器宽度、一个JS检测网页窗口的高宽效果等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存