<html>

<head>

  <meta charset="utf-8">

  <title>window对象方法</title>

</head>

<body>

<div style="text-align:center;text-">Window对象的方法</div>

<div id="divId"></div>

<input type="button" value="取消间歇定时器" onclick="clearInter()"/>

<input type="button" value="打开新窗口" onclick="moveWin()"/>

<input type="button" value="改变浏览器窗口大小" onclick="resizeWin()"/>

<input type="button" value="打开新窗口" onclick="openWin()"/>

<input type="button" value="新窗口自动关闭" onclick="testWin()"/>

<input type="button" value="模态对话框自动关闭" onclick="testDialog()"/>

<script language="javascript">

//01alert

//window.alert("alert!!!");

//02  确认对话框

//window.confirm("???");

//03 输入信息对话框

//window.prompt("提示信息","默认值");

//04 close() 关闭当前浏览器窗口

//window.close();

//05  导航到指定URL资源

//window.navigate("http://www.baidu.com");

//window.navigate('http://www.baidu.com');

//06 间歇定时器

var int=setInterval("inner()",2000);

var s="";

function inner(){

    var div=document.getElementById("divId");

    s+="Hello World!!!<br/>";

    div.innerHTML=s;

}

//07  定时计时器

//setTimeout('inner()',5000);

//08 取消间歇定时器

//即使得当前间歇计时器停止执行，执行过的内容仍在

function clearInter(){

    window.clearInterval(int);

}

//09 取消定时计时器  参数为计时器变量

//window.clearTimeout(int);

//10 移动浏览器窗口到指定的屏幕位置

//在IE浏览器中有效

function moveWin(){

    myWin=window.open('http://www.baidu.com','_blank','width=200,height=100');

    myWin.document.write("新窗口！！！");

    myWin.moveTo(0,0);

    myWin.focus();

}

//11 改变浏览器窗口大小

function resizeWin(){

    window.resizeTo(400,400);

}

//12 打开新窗口

function openWin(){

    window.open('http://www.baidu.com','_blank','top=10,left=0,toolbar=no,width=100,height=100');

}

//13  模态对话框窗口   必须关闭模态对话框才能在原始网页窗口进行操作

//window.showModalDialog('http://www.baidu.com','zhangsan');

//14  非模态对话框窗口  不用关闭模态对话框也能在原始网页窗口进行操作

//window.showModelessDialog('http://www.baidu.com','zhangsan');

//测试打开一个小窗口  5秒后自动关闭

function testWin(){

    myWin=window.open("./test02.html","_blank","width=100,height=100");

    myWin.moveTo(0,0);

    setTimeout("myWin.close()",5000);

}

function testDialog(){

    var myDialog=window.showModalDialog();

    setTimeout('myDialog.close()',5000);

    //

}

</script>

</body>

</html>
 <html>

 <head>

   <meta charset="utf-8">

   <title>window对象方法</title>

 </head>

 <body>

 <div style="text-align:center;text-">Window对象的方法</div>

 <div id="divId"></div>

 <input type="button" value="取消间歇定时器" onclick="clearInter()"/>

 <input type="button" value="打开新窗口" onclick="moveWin()"/>

 <input type="button" value="改变浏览器窗口大小" onclick="resizeWin()"/>

 <input type="button" value="打开新窗口" onclick="openWin()"/>

 <input type="button" value="新窗口自动关闭" onclick="testWin()"/>

 <input type="button" value="模态对话框自动关闭" onclick="testDialog()"/>

 <script language="javascript">

 //01alert

 //window.alert("alert!!!");

 //02  确认对话框

 //window.confirm("???");

 //03 输入信息对话框

 //window.prompt("提示信息","默认值");

 //04 close() 关闭当前浏览器窗口

 //window.close();

 //05  导航到指定URL资源

 //window.navigate("http://www.baidu.com");

 //window.navigate('http://www.baidu.com');

 //06 间歇定时器

 var int=setInterval("inner()",2000);

 var s="";

 function inner(){

     var div=document.getElementById("divId");

     s+="Hello World!!!<br/>";

     div.innerHTML=s;

 }

 //07  定时计时器

 //setTimeout('inner()',5000);

 //08 取消间歇定时器

 //即使得当前间歇计时器停止执行，执行过的内容仍在

 function clearInter(){

     window.clearInterval(int);

 }

 //09 取消定时计时器  参数为计时器变量

 //window.clearTimeout(int);

 //10 移动浏览器窗口到指定的屏幕位置

 //在IE浏览器中有效

 function moveWin(){

     myWin=window.open('http://www.baidu.com','_blank','width=200,height=100');

     myWin.document.write("新窗口！！！");

     myWin.moveTo(0,0);

     myWin.focus();

 }

 //11 改变浏览器窗口大小

 function resizeWin(){

     window.resizeTo(400,400);

 }

 //12 打开新窗口

 function openWin(){

     window.open('http://www.baidu.com','_blank','top=10,left=0,toolbar=no,width=100,height=100');

 }

 //13  模态对话框窗口   必须关闭模态对话框才能在原始网页窗口进行操作

 //window.showModalDialog('http://www.baidu.com','zhangsan');

 //14  非模态对话框窗口  不用关闭模态对话框也能在原始网页窗口进行操作

 //window.showModelessDialog('http://www.baidu.com','zhangsan');

 //测试打开一个小窗口  5秒后自动关闭

 function testWin(){

     myWin=window.open("./test02.html","_blank","width=100,height=100");

     myWin.moveTo(0,0);

     setTimeout("myWin.close()",5000);

 }

 function testDialog(){

     var myDialog=window.showModalDialog();

     setTimeout('myDialog.close()',5000);

     //

 }

 </script>

 </body>

 </html>

DHTML_____window对象方法的更多相关文章

  1. js 继承 对象方法与原型方法

    js函数式编程确实比很多强语言使用灵活得多,今天抽了点时间玩下类与对象方法调用优先级别,顺便回顾下继承 暂时把原型引用写成继承 先看看简单的两个继承 var Parent = function(){} ...

  2. C++风格的回调对象方法. 采用template实现

    今天看了一篇文章,收藏一下代码.读一读很有激情 #include <iostream> #include <string> #include <vector> us ...

  3. 学习zepto.js(对象方法)[4]

    今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents&qu ...

  4. Window对象方法

    Window对象方法 scrollBy() 按照指定的像素值来滚动内容. scrollTo() 把内容滚动到指定的坐标. setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式. ...

  5. Document-对象属性和常用的对象方法

    Document-对象属性和常用的对象方法 对象属性 document.title                           //设置文档标题等价于HTML的title标签 document ...

  6. 学习zepto.js(对象方法)[1]

    zepto也是使用的链式操作,链式操作:函数返回调用函数的对象. 但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说 ...

  7. OC 类方法,对象方法,构造方法以及instancetype和id的异同

    OC 类方法,对象方法,构造方法以及instancetype和id的异同 类方法: 类方法是可以直接使用类的引用,不需要实例化就可以直接使用的方法.一般写一些工具方法. 类方法: 声明和实现的时候,以 ...

  8. 不用static,巧用对象.方法调用java中的函数

    先生成一个对象,用"对象.方法()"的方式调用. java中的main方法是静态的,用于程序的入口,在静态方法中无法调用非静态方法,只能调用静态方法.想调用静态方法的话就要先生成该 ...

  9. JavaScript Number 对象 Javascript Array对象 Location 对象方法 String对象方法

    JavaScript Number 对象 Number 对象属性 属性 描述 constructor 返回对创建此对象的 Number 函数的引用. MAX_VALUE 可表示的最大的数. MIN_V ...

随机推荐

  1. QQ - Linux中文Wiki

    QQ:http://linux-wiki.cn/wiki/zh-hans/QQ 此页由张凯于2013年7月7日 (星期日) 14:00的最后更改. 在陈泓旭和沧之声和Linux Wiki用户Chenx ...

  2. 1085 数字游戏 2003年NOIP全国联赛普及组

    丁丁最近沉迷于一个数字游戏之中.这个游戏看似简单,但丁丁在研究了许多天之后却发觉原来在简单的规则下想要赢得这个游戏并不那么容易.游戏是这样的,在你面前有一圈整数(一共n个),你要按顺序将其分为m个部分 ...

  3. UVA 129_ Krypton Factor

    题意: 一个字符串含有两个相邻的重复的子串,则称这个串为容易的串,其他为困难的串,对于给定n,l,求出由前l个字符组成的字典序第n小的困难的串. 分析: 按字典序在字符串末尾增加新的字符,并从当前字符 ...

  4. eclipse添加高版本tomcat问题

    eclipse添加高版本tomcat会报错,提示无法匹配高版本的容器installation is expected 解决方法: 1.找到tomcat的lib目录下的catalina.jar包,用压缩 ...

  5. Spring集成Redis方案（spring-data-redis）（基于Jedis的单机模式）（待实践）

    说明:请注意Spring Data Redis的版本以及Spring的版本!最新版本的Spring Data Redis已经去除Jedis的依赖包,需要自行引入,这个是个坑点.并且会与一些低版本的Sp ...

  6. 使用spark 计算netflow数据初探

    spark是一个高性能的并发的计算平台,而netflow是一种一般来说数量级很大的数据.本文记录初步使用spark 计算netflow数据的大致过程. 本文包括以下过程: 1. spark环境的搭建 ...

  7. 深度学习——练习

    对于深度学习的基础,线性回归以及逻辑回归,下面针对这两个方面做一个练习. 例子主要参考http://openclassroom.stanford.edu/MainFolder/CoursePage.p ...

  8. form 表单序列化 serialize

    在开发中有时需要在js中提交form表单数据,就需要将form表单进行序列化. jquery提供的serialize方法能够实现. $("#searchForm").seriali ...

  9. js逻辑执行判断

    两个变量或者函数,如果与的关系,a && b,如果a是真则在运行b,如果a是假则不运行b了:如果是或的关系,前者是真则不运行后边的了,否则反过来. 举个例子: <span cla ...

  10. HTTP请求库——axios源码阅读与分析

    概述 在前端开发过程中,我们经常会遇到需要发送异步请求的情况.而使用一个功能齐全,接口完善的HTTP请求库,能够在很大程度上减少我们的开发成本,提高我们的开发效率. axios是一个在近些年来非常火的 ...