1、javaScript组成部分

1、EMCAScript(基本语法)
    2、BOM(Browser Object Model)：浏览器对象模型
            浏览器对象模型中的浏览器的各个部分都是用一个对象进行描述的,如果我们要操作浏览器的一些属性,那么我们就可以通过浏览器对象模型对对象进行操作
    3、Windows：代表了一个新开的窗口
    4、location：代表了地址栏对象
    5、screen：代表整个屏幕对象

2、Window对象的常用方法

open()：打开新窗口.
    resizeTo()：将窗口的大小更改为指定的宽度和高度值。
    moveBy()：相对于原来的窗口移动指定的x,y值
    moveTo()：将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
    setInterval()：每经过指定毫秒值后计算一个表达式
    clearInterval()：根据一个任务的id来取消定时任务的。
    setTimeout()：进过指定毫秒数执行指定代码

注意：使用window对象的任何属性与方法都可以省略window对象不写

3、实例

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>无标题文档</title>

 </head>

 <script type="text/javascript">

     function showAd(){

         for(var i=0;i<5;i++){

             window.open("媒体标签.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px");

         }

     }

     setTimeout("showAd()",2000);

     //var id=window.setInterval("showAd()",2000);

     function small(){

         window.resizeTo(300,200);

     }

     function move(){

         for(var i=0;i<5;i++){

         window.moveBy(50,0);

         window.moveBy(0,50);

         window.moveBy(-50,0);

         window.moveBy(0,-50);

         }

     }

     function move2(){

         window.moveTo(50,0);

     }

     function clearTest(){

         window.clearTest(id);

     }

 </script>

 <body>

     <input type="button" onClick="showAd()" value="下载电影"/>

     <input type="button" onClick="small()" value="变小"/>

     <input type="button" onClick="move()" value="移动(moveBy)"/>

     <input type="button" onClick="move2()" value="移动(moveTo)"/>

     <input type="button" onClick="clearTest()" value="取消定时任务"/>

 </body>

 </html>

 //请用IE浏览器测试效果

原创作者：DSHORE

作者主页：http://www.cnblogs.com/dshore123/

原文出自：https://www.cnblogs.com/dshore123/p/9476714.html

欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！）

java基础65 JavaScript中的Window对象（网页知识）的更多相关文章

  1. java基础62 JavaScript中的函数（网页知识）

    1.JavaScript中,函数的格式 function 函数名(形参列表){ 函数体; } 2.JavaScript中,函数需要注意的细节 1.在javaScript中,函数定义形参时,是不能使用v ...

  2. java基础69 JavaScript产生伪验证码（网页知识）

    1.伪验证码 <!doctype html> //软件版本:DW2018版 <html> <head> <meta charset="utf-8&q ...

  3. java基础68 JavaScript城市联动框（网页知识）

    1.城市联动框 <!doctype html> <html> <head> <meta charset="utf-8"> <t ...

  4. JavaScript中的window对象

    JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html

  5. 使用 JavaScript 中的 window 对象执行计时操作，完成一个抽奖程序

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...

  6. java基础66 JavaScript中的事件、localtion对象、screen对象（网页知识）

    1.JavaScript中的事件注册 1.1.事件的注册方式 方式1:直接在html元素上注册 <body onLoad="ready()"></body > ...

  7. JavaScript中的window对象的属性和方法；JavaScript中如何选取文档元素

    一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setIn ...

  8. 理解JavaScript中的window对象

    前言 每个JavaScript环境都有一个全局对象(global object).在全局范围内创建的任何变量实际上都是这个对象的属性,而任何函数都是它的方法.在浏览器环境中,全局对象是window对象 ...

  9. java基础64 JavaScript中的Arrays数组对象和prototype原型属性（网页知识）

    1.Arrays数组对象的创建方式 方式一: var 变量名=new Array(); //创建一个长度为0的数组. 方式二: var 变量名=new Array(长度); //创建一个指定长度的数组 ...

随机推荐

  1. 设计模式 (一)——策略模式（Strategy，行为型）

    1.概述 使用设计模式可以提高代码的可复用性.可扩充性和可维护性.策略模式(Strategy Pattern)属于行为型模式,其做法是将类所需的行为或者算法一个个封装成单独的类,并将其作为类的数据成员 ...

  2. Web Service（上）

    1.XML CDATA指不应由XML解析器进行解析的文本数据. 在XML元素中,<和&是非法的.解析器会把字符<解释为新元素的开始,把字符&解释为字符实体的开始. 某些文本 ...

  3. 【费用流】【网络流24题】【P1251】 餐巾计划问题

    Description 一个餐厅在相继的 \(N\) 天里,每天需用的餐巾数不尽相同.假设第 \(i\) 天需要 \(r_i\)块餐巾.餐厅可以购买新的餐巾,每块餐巾的费用为 \(p\) 分;或者把旧 ...

  4. 如何设置C++崩溃时生成Dump文件

    Dump 文件是进程的内存镜像 , 可以把程序的执行状态通过调试器保存到dump文件中 ; Dump 文件是用来给驱动程序编写人员调试驱动程序用的 , 这种文件必须用专用工具软件打开 , 比如使用 W ...

  5. Codeforces Round #302 (Div. 2) C 简单dp

    C. Writing Code time limit per test 3 seconds memory limit per test 256 megabytes input standard inp ...

  6. thinkphp3 行为（behavior）分析和基本使用

    1. 名词解析 官方解析: 来自 http://document.thinkphp.cn/manual_3_2.html#behavior_extend 行为(Behavior)是一个比较抽象的概念, ...

  7. MySQL搭建环境

    一.MySQL安装 Windows下安装参考网址:https://blog.csdn.net/NepalTrip/article/details/79492058 Ubuntu Linux下安装参考网 ...

  8. 【重要】Nginx模块Lua-Nginx-Module学习笔记（三）Nginx + Lua + Redis 已安装成功(非openresty 方式安装)

    源码地址:https://github.com/Tinywan/Lua-Nginx-Redis 一. 目标 使用Redis做分布式缓存:使用lua API来访问redis缓存:使用nginx向客户端提 ...

  9. matlab中uigetfile命令的应用

    matlab中uigetfile命令的应用 uigetfile命令的应用 此函数的用法为 [FileName,PathName,FilterIndex] = uigetfile(FilterSpec, ...

  10. debian旧日笔记

    18:45 2007-10-7 序 图形界面较好的Linux操作系统有三个主要的发行版本:RedHat, Debian, SuSE.自RedHat9后,RedHat以Fedora为名发行新的版本.仍然 ...