`
zhengjun147
  • 浏览: 14585 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js 动态改变窗口大小

 
阅读更多
<script language=javascript>
function win_onLoad(){
var width = document.all["tblKsList"].offsetWidth;   
var height = document.all["tblKsList"].offsetHeight; 
width = eval(width + 50);
height = eval(height + 50);

if (width < 500)
width = 500;
else if (width > screen.width)
width = screen.width;

if (height < 400)
height = 400;
else if (height > screen.height)
height = screen.height;

//alert(width);alert(height);
window.resizeTo(width,height);
}
</script>

1.移动窗口

window.resizeBy(x,y);

window.resizeTo(x,y);

resizeBy() 与resizeTo() 之间的主要差别在于前者的大小设定是相对的,而后者则是绝对的;

2.移动窗口

window.moveTo(x,y)

如果要改变 JavaScript 产生的窗口的大小,那么必须在打开窗口时加上 resizable 特性。
分享到:
评论

相关推荐

    Electron无边框窗口(最小化、最大化、关闭、拖动)以及动态改变窗口大小

    动态改变窗口大小: 对于窗口大小的动态调整,我们可以监听鼠标边缘的`mousedown`事件,然后在`mousemove`事件中计算新的窗口尺寸。以下是一个示例,用于处理窗口右侧的拖动以改变宽度: ```javascript let ...

    JS根据浏览器窗口大小实时动态改变网页文字大小的方法

    本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义,允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先,...

    javascript 浏览器窗口大小改变事件

    这个场景涉及到JavaScript中的窗口大小改变事件。 在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者...

    自动改变窗口大小_自动改变窗口大小_

    例如,Python的Tkinter库提供`geometry`方法改变窗口大小,JavaScript的Electron框架允许通过`webContents.setSize`方法调整浏览器窗口尺寸。了解特定语言和库的API是实现自动改变窗口大小的关键。 5. **代码示例**...

    js实现浏览器窗口大小被改变时触发事件的方法

    这篇文章的重点是介绍如何使用JavaScript中的window对象的onresize事件来实现当浏览器窗口大小改变时触发事件的功能。以下是关于这一知识点的详细解析。 首先,我们了解window对象。在浏览器中,window对象表示一个...

    js获取浏览器窗口宽度、高度 判断浏览器窗口大小改变

    js获取浏览器窗口宽度、高度 判断浏览器窗口大小改变

    js 获取浏览器窗口大小

    js获取浏览器窗口事件,获取改变后的大小 下载后评论可返回1分

    JavaScript动态修改弹出窗口大小的方法

    下面的JS代码演示了如何通过window.open弹出一个新的窗口,然后动态修改窗口大小 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; [removed] var w; function openwindow() { w=window.open('','', 'width=100,...

    根据窗口大小改变窗口的颜色

    "根据窗口大小改变窗口的颜色"这一技术,主要涉及到了用户界面(UI)动态响应设计和图形渲染。这种设计可以使应用程序更加直观且富有交互性,给用户带来更丰富的视觉体验。下面我们将深入探讨这个主题。 首先,我们...

    js窗口拖拽(改变大小,最小化,最大化,还原,关闭).zip

    计算并更新窗口大小的逻辑,以实现缩放功能;以及实现窗口状态切换(最小化、最大化、还原和关闭)的逻辑。 知识点详解: 1. **JavaScript事件处理**:项目中的JavaScript代码会监听用户与窗口的交互,例如通过`...

    JS拖拽改变浮动层窗口大小源码

    JS拖拽并可以改变大小,窗口拖拽(改变大小/最小化/最大化/还原/关闭),一个设计漂亮唯美的JavaScript小窗口,可以像Windows的窗口那样拖大或拖小,它的特点:  ① 窗口可以拖动;  ② 窗口可以通过八个方向...

    组件随窗口大小改变

    编程语言提供了窗口大小改变事件,如Java中的ComponentListener或JavaScript中的resize事件。通过监听这些事件,开发者可以编写代码来更新组件的位置和大小。 六、滚动条和溢出隐藏 当窗口尺寸不足以展示所有内容时...

    vue终极解决多个页面Echart随页面窗口大小而改变图形大小方法

    然而,当遇到多个ECharts图表分布在多个页面上,并且需要根据浏览器窗口大小动态调整图形尺寸时,可能会遇到一些挑战。本文将详细介绍一种终极解决方案,确保每个页面上的ECharts图表都能正确响应窗口尺寸的变化。 ...

    js 特效 html 特效 键盘改变窗口大小

    js 特效 html 特效 键盘改变窗口大小 js 特效 html 特效 键盘改变窗口大小

    网页HTML自适应窗口大小

    在自适应布局中,JQuery的`$(window).resize()`函数特别重要,它监听窗口大小的变化,并在窗口尺寸改变时触发回调函数。例如,`jQuery.doresize`可能就是一个实现了窗口大小变化响应的JQuery插件,它可以自动调整...

    背景图片随窗口大小改变,兼容多个游览器

    为了使背景图片动态响应窗口大小的变化,我们可以使用JavaScript或者CSS的媒体查询(Media Queries)。JavaScript可以通过监听窗口的`resize`事件,实时更新背景图片的大小。例如,使用jQuery库: ```javascript $...

    JS美化浮动窗口可改变大小源码

    JS拖拽并可以改变大小,窗口拖拽(改变大小/最小化/最大化/还原/关闭),一个设计漂亮唯美的JavaScript小窗口,可以像Windows的窗口那样拖大或拖小,它的特点:  ① 窗口可以拖动;  ② 窗口可以通过八个方向...

Global site tag (gtag.js) - Google Analytics