投稿
  1. 首页
  2. 框架

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

卡纸贴画•2023-4-29•框架•阅读23

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>

高度自适应可以用Javascript

你每个iframe为一个单独的页面，只需在每个单独的页面中<head>与</head>之间加入如下代码即可实现firame高度的自适应：

<script type="text/javascript">

function setWindowSize(){ //iframe自动本窗口高度

try{

var thiswin = windowparentdocumentgetElementById(windowname);

if(windowdocumentbodyscrollWidth-thiswinoffsetWidth>6){

documentbodystyleoverflowX="auto";

thiswinheight=windowdocumentbodyscrollHeight+20;

thiswinwidth=windowdocumentbodyscrollWidth+20;

}else{

documentbodystyleoverflowX="hidden";

thiswinheight=windowdocumentbodyscrollHeight;

thiswinwidth=windowdocumentbodyscrollWidth

}

}catch(e){ }

}

</script>

<body onLoad="setWindowSize()">

你可以这样：

在子窗体加入以下代码：

Private Sub Form_Resize()

If MeWindowState = 0 Then

MeWidth = 5000

MeHeight = 3000

End If

End Sub

但这样一来，子窗体就无法用鼠标拖动来改变大小了。

没办法啦，MDI子窗体的很多界面属性是要受MDI主窗体控制的，不能随意设置的。打个比方，非MDI窗体（或者说单窗体）就像是孤儿，可以随心所欲，一人吃饭全家都饱；而MDI窗体则是一个家庭，每个子窗体不能太过个性化，要顾及其他家庭成员。MDI主窗体对子窗体握有生杀大权，它可以任意对所有子窗体进行层叠、平铺、排列等 *** 作，所以子窗体本身的width和height属性是随时会被主窗体改变的。在Resize事件中强行设置自身的尺寸，这其实是违背了MDI的原则的，换句话说就是这个子窗体是个叛逆的、不听话的儿子。

我的建议是你放弃这种设想，改由MDI主窗体统一控制窗体的大小。否则的话你就最好不要用MDI结构。

再补充一句：MDI结构的界面其实就是完全体现Windows图形界面特征的、完全标准化的（换个说法就是比较刻板的）的人机对话界面，你如果选择MDI架构，那么你就要忍受这种刻板，不能随意打破这种标准化的东西，否则就会损害你的软件的最终用户的 *** 作体验。如果你想玩个性化，那么你就不能选择MDI，而要改用单窗体结构。

窗体属性分为五大模块：窗口的外观、位置、大小、可见性和状态、生命周期。

1、 窗口的外观

WPF中默认窗口框架的外观，主要取决于Icon、Title、WindowsStyle、ResizeMode等属性。

Icon 指定窗口的图标；

Title 指定窗口的标题；

WindowStyle 指定窗口样式，有4个取值：

None，无边框；（当ResizeMode属性为NoResize时，仅剩下窗口核心。）

SingleBorderWindow，单边框默认；

ThreeDBorderWindow，3D边框；

ToolBorderWindow，工具箱窗口

ResizeMode 是指定大小调节样式，有4个取值：

NoResize，不可调节，同时没有最大最小按钮；

CanMinimize，不可调节。但可以最小化；（此时最大化按钮不可用）

CanResize，可调节默认；

CanResizeWithGrid，可根据网格调节；（窗口右下脚显示可调节网格）

2、 窗口的位置

WindowStartLocation 指定窗口初始位置，有3个取值：

Manual，手工指定位置，表示可以通过设置其Top、Left属性值来决定窗口的初始位置；

CenterScreen，屏幕中央；

CenterOwner，父窗体中央；

TopMost 调节窗口的前后顺序，属性值为true时，窗口位于最前。

TopMost值为true的窗口，位于TopMost值为false的窗口之前

TopMost值都为true的窗口，获得焦点的窗口位于前

3、 窗口的大小

Width、Height，分别表示窗口的宽度和高度，称为“尺寸属性”。

MaxWidth、MinWidth、MaxHeight、MinHeight，分别表示窗口最大宽度、最小宽度、最大高度、最小高度。可以通过得到和更改这些属性值，来获取和改变窗口的大小和长宽范围。

ActualWidth、ActualHeight，分别表示窗口的实际宽度和实际高度，称为“实际尺寸属性”。

实际尺寸属性是根据当前窗口大小、最小化时窗口大小和最大化时窗口大小来计算得到的，其值是只读的，也就是说，不能通过改变ActualWidth、ActualHeight的值来更改窗口大小。

SizeToContent，表示窗口大小由内容决定，有4个取值：

Manual，手工默认；

Width，窗体宽度由内容决定；

Height，窗体高度由内容决定；

WidthAndHeight，窗体大小由内容决定；

如果内容尺寸超过了窗口的最大或最小范围，还是以最大/最小范围为主。如果手工指定了窗口的Width、Height 属性，那么SizeToContent将被忽略。

ReSize，窗口大小的可调整性（第1部分已提到）

4、 窗口的可见性和状态

Visibility，窗口可见性，有4个枚举值：

Visiable，可见；

Hidden，隐藏；

Collapsed，折叠。

虽然窗口类认为Collapsed与Hidden一样，但二者区别在于，Hidden仅仅将元素设为不可见，但是元素在画面上依然占有空间；而Collapsed，在不可视的基础上，能将元素在画面上的占位符清除，元素彻底不影响画面。

Show、Hide，显示窗口和隐藏窗口的两个方法。如果窗口的ShowInTaskbar属性值为true，Hide不但隐藏窗口本身，同时隐藏其在任务栏上的图标。

WindowState，窗口状态属性，有3个枚举值：

Normal，正常；

Maximized，最大化；

Minimized，最小化；

RestoreBounds，获取窗口在最小化或最大化之前的大小和位置，有4个枚举值，Top、Left、Width、Height。

5、 窗口的生命周期

关于各事件的描述：

Initialized：当窗口的FrameworkElement底层初始化时触发，即InitializeComponent方法调用时触发。

LocationChanged：窗口被移动时触发。

Activated：窗口被激活时触发。

Deactivated：窗口处于非激活时（即其他窗口处于激活时）触发。

Loaded：显示窗口之前触发。

ContentRendered：当内容显示的时候触发。

Closing：尝试关闭窗口时触发，可以将参数CancelEventArgs的Cancel的属性设置为true，取消关闭 *** 作。

Closed：在窗口关闭后触发该事件，无法取消。

Unloaded：当关闭窗口并且从可视化树移除后触发。

windowaddEventListener("orientationchange", function(){

alert('得到的是旋转之前DIV的高和宽')

setTimeout(function () { alert('延时一秒后得到的是旋转之后DIV的高和宽') }, 1000);

})

我是这样解决的，延时一秒后可以得到旋转之后的高和宽，但我总感觉这方法不太好 万一是性能不好的设备 一秒过后还没完成相应的设置 此方法就无效了，题主你是用什么方法解决的？

首先需要知道高度变量是什么？是窗口还是其他元素？

一下代码默认高度变量为窗口，如果是其它元素，方法也是一样的

demo基于jquery框架：

css：（根据你的需要自行修改）

body{ margin:0;}

#box { background-color:#323232;}

html

<div id="box"></div>

javascript

var winW = $(window)width()//获取窗口宽度

$("#box")height(winW)//赋予宽度给元素

var boxH = winW  2;//一个很简单的式子求出高度是宽度的两倍

$("#box")height(boxH)//把高度值给元素

$(window)resize(function()//窗口变化后重新获取值

{

var winW = $(window)width()//获取窗口宽度

$("#box")height(winW)//赋予宽度给元素

var boxH = winW  2;//一个很简单的式子求出高度是宽度的两倍

$("#box")height(boxH)//把高度值给元素

})

（附上demo，如与你的项目有出入，请详细追问，望采纳，谢谢！）

可以用窗体的Resize事件来实现，改变窗体大小时，控件大小跟窗体成比例，不过如果最小化的时候就会出错，所以还得把最小化的事件给去了，代码如下：\x0d\Private Sub Form_Resize()\x0d\If MeWindowState 1 Then '如果不是最小化\x0d\Command1Width = MeWidth / 5 '按钮宽度是窗体的1/5\x0d\Command1Height = MeHeight / 5 '按钮高度是窗体的1/5\x0d\End If\x0d\End Sub\x0d\参数可以自己设定，其它的也是如此，细节还得自己弄了，如果想让控件居中可以这样：\x0d\Private Sub Form_Resize()\x0d\If MeWindowState 1 Then '如果不是最小化\x0d\Command1Width = MeWidth / 5 '按钮宽度是窗体的1/5\x0d\Command1Height = MeHeight / 5 '按钮高度是窗体的1/5\x0d\Command1Left = (MeWidth - Command1Width) / 2 '按钮左边\x0d\Command1Top = (MeHeight - Command1Height) / 2 '按钮顶边\x0d\End If\x0d\End Sub\x0d\这样就可以随窗体改变而改变了。

以上就是关于js怎么样控制打开网页窗口的大小全部的内容，包括:js怎么样控制打开网页窗口的大小、网页设计：怎么让frame的高度自适应、vb6.0中运行MDI子窗体时与设计的时候宽度,高度不一样。请教高手~~等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

赞 (0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
卡纸贴画卡纸贴画一级用户组
00
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表（0条）

    保存