`
guohf
  • 浏览: 417364 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript应用技巧-控制窗口大小

阅读更多
< SCRIPT LANGUAGE="JavaScript" > 

       function Minimize() { 

              window.innerWidth = 100; 

              window.innerHeight = 100; 

              window.screenX = screen.width; 

              window.screenY = screen.height; 

              alwaysLowered = true; 

       } 

       function Maximize() { 

              window.innerWidth = screen.width; 

              window.innerHeight = screen.height; 

              window.screenX = 0; 

              window.screenY = 0; 

              alwaysLowered = false; 

       } 

< /SCRIPT >

< A HREF="javascript:onClick=Minimize()">Minimize< /A > 

< A HREF="javascript:onClick=Maximize()">Maximize< /A > 

 

上面的代码包含2个函数,如果理解了一个,另外一个也就很好理解。先来看看第1个。函数Minimize中使用innerWidth和innerHeight2个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽100高100。然后,设置窗口的起始位置,定位大小为屏幕的宽和高,这样,使用alwaysLowered命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个JavaScript链接< A HREF="javascript:onClick=Minimize()">Minimize< /A > 。同时,上述代码可以用于任何分辨率设置的屏幕。   

 注意,当在页面上应用这个功能时,请将那2个触发事件的链接放置在页面的左上角,这样,当窗口缩小到右下角时,它们也不会消失。

分享到:
评论

相关推荐

    javascript经典特效---控制窗口打开链接.rar

    这个"javascript经典特效---控制窗口打开链接.rar"文件显然包含了关于如何利用JavaScript实现这一功能的示例或教程。下面,我们将深入探讨JavaScript中窗口操作的相关知识点。 首先,我们有`window.open()`方法,它...

    javascript经典特效---打开窗口的位置.rar

    本资源"javascript经典特效---打开窗口的位置.rar"聚焦于JavaScript如何控制新窗口的打开位置,这在网页设计中是非常实用的一项技能,能够提供更佳的用户体验。 在JavaScript中,`window.open()`方法用于打开新的...

    javascript经典特效---关闭窗口同时打开新窗口.rar

    在标题中提到的“javascript经典特效——关闭窗口同时打开新窗口”是一个常见的JavaScript应用场景,它涉及到浏览器窗口的操作。 在Web开发中,有时我们需要在用户执行某项操作(如点击按钮)时,关闭当前窗口并...

    javascript经典特效---弹出窗口始终一个.rar

    综上所述,"javascript经典特效---弹出窗口始终一个.rar"可能是一个关于如何使用JavaScript创建并管理始终保持在最前端的弹出窗口的实例。理解这些知识点有助于开发者创建更加互动和用户友好的网页应用。

    javascript经典特效---无边弹出窗口全集.rar

    开发者可能需要掌握定位技巧,如绝对定位(absolute)或固定定位(fixed),以及调整窗口大小、边框、背景色等属性。 3. **事件处理**:弹出窗口的打开和关闭通常与用户行为相关,比如点击按钮或链接。`...

    javascript经典特效---漫天飞雪.rar

    - **事件监听**:可能还会有对窗口大小改变的监听,以便根据新的窗口尺寸调整雪花的大小和位置。 4. **Canvas绘图**:如果使用canvas实现,JavaScript还需要绘制每个雪花,通过`fillRect`或`drawImage`方法,并在...

    javascript经典特效---下拉菜单自动生成.rar

    JavaScript可以帮助检测窗口大小变化,并据此调整下拉菜单的布局和行为。 6. ** Accessibility**:良好的无障碍性(accessibility)是现代网页开发的重要组成部分。确保下拉菜单对键盘导航友好,如使用`tabindex`...

    javascript经典特效---文字链接的滚动说明.rar

    2. 自适应布局:利用JavaScript检测窗口大小变化,动态调整滚动速度和容器尺寸,确保在不同屏幕尺寸下都有良好的视觉效果。 3. 可配置参数:将滚动速度、方向等参数作为变量,让滚动效果更具可定制性。 综上所述,...

    javascript经典特效---广告图片宣传.rar

    9. 自适应布局:JavaScript可以用于调整广告元素的位置,使其适应不同的屏幕分辨率和浏览器窗口大小。 10. 视频嵌入:广告中可能包含视频元素,JavaScript可以控制视频的播放、暂停、音量调整等功能。 总的来说,...

    javascript经典特效---各种文字特性.rar

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在实现动态和交互性效果方面具有显著优势。本资源“javascript经典特效---各种文字特性.rar”主要关注JavaScript在处理文本特性和动画效果上的应用。通过...

    javascript经典特效---最大、最小化按钮.rar

    这些功能为用户提供了一种便捷的方式来控制视图的显示大小,使得他们可以更方便地查看或操作页面内容。在本项目"javascript经典特效---最大、最小化按钮.rar"中,我们将会探讨如何利用JavaScript来实现这样的功能。 ...

    javascript经典特效---动态说明导航框2.rar

    1. **响应式设计**:随着浏览器窗口大小的变化,导航框能自动调整布局以适应不同的设备,这在如今的移动优先设计中非常重要。 2. **动画效果**:JavaScript可以为导航元素添加平滑的过渡和动画效果,如淡入淡出、...

    javascript经典特效---特殊的广告效果.rar

    JavaScript是一种广泛应用于网页和互联网应用的脚本语言,它在客户端运行,为用户提供动态、交互式的网页体验。在这个“javascript经典特效---特殊的广告效果.rar”压缩包中,我们重点探讨的是如何利用JavaScript来...

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

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

    javascript经典特效---导航条的变换.rar

    JavaScript可以检测窗口大小变化,并相应地调整导航条布局,如折叠或展开菜单。 7. **AJAX加载**:对于大型网站,导航条可能链接到其他页面。利用JavaScript的AJAX(异步JavaScript和XML)技术,可以实现在不刷新...

    javascript经典特效---奇特的文字显示信息.rar

    7. **响应式文字**:根据浏览器窗口大小变化,文字布局自动调整,确保在不同设备上的良好显示。 在实现这些特效时,开发者通常会使用JavaScript的DOM操作(如`document.getElementById`、`innerHTML`等)来改变HTML...

    javascript经典特效---可移动的宣传层.rar

    7. **响应式设计**:如果宣传层需要适应不同的屏幕尺寸,那么可能需要考虑响应式设计,利用媒体查询(Media Queries)或者JavaScript来根据窗口大小调整宣传层的尺寸和位置。 8. **用户体验**:为了让用户有更好的...

    javascript窗口技巧

    7. **窗口大小和位置** `window.resizeTo()`和`window.moveTo()`允许动态调整窗口的大小和位置。这在响应式设计或特殊交互场景中可能很有用。 8. **窗口焦点** `window.focus()`和`window.blur()`可以控制窗口...

    JavaScript高级基础-2

    在BOM中,核心对象是`window`,它提供了许多方法和属性,如获取窗口大小的`innerHeight`和`innerWidth`,以及控制浏览器行为的`alert`、`prompt`和`confirm`函数。例如,`window.innerHeight`可以获取浏览器窗口的...

    JavaScript控制窗口1.pdf

    本文主要探讨了如何使用JavaScript来操作浏览器窗口,包括移动窗口、实现窗口滚动以及改变窗口大小等基本方法。 首先,我们来看如何移动窗口。JavaScript提供了`moveTo()`方法,通过这个方法我们可以将窗口定位到...

Global site tag (gtag.js) - Google Analytics