DHTML_____window对象的事件

<html>
<head>
  <meta charset="utf-8">
  <title>window对象事件</title>
</head>

<body onload="alert(‘欢迎‘)" onunload="alert(‘再见‘)" onbeforeunload="window.event.returnValue=‘请小心行事!‘">
 <!--onbeforeunload 包括刷新和关闭窗口-->
<div id="scrollDiv"></div>

<input type="button" onclick="clearInt()" value="Cancel"/>

<script language="javascript">
//01 onload
//02 onunload
//03 onbeforeunload
var set=setInterval("demo()",2000);

var str="";
function demo(){
    var div=document.getElementById("scrollDiv");
    str+="欢迎光临<br/>";
    div.innerHTML=str;
}
function clearInt(){
    window.clearInterval(set);
}
//05 onclick

//06 onmouseover onmouseout  onmousemove 

//07 onmousedown onmouseup

//08 onkeydown onkeyup onkeypress

</script>
</body>
</html>

 1 <html>
 2 <head>
 3   <meta charset="utf-8">
 4   <title>window对象事件</title>
 5 </head>
 6
 7 <body onload="alert(‘欢迎‘)" onunload="alert(‘再见‘)" onbeforeunload="window.event.returnValue=‘请小心行事!‘">
 8  <!--onbeforeunload 包括刷新和关闭窗口-->
 9 <div id="scrollDiv"></div>
10
11 <input type="button" onclick="clearInt()" value="Cancel"/>
12
13 <script language="javascript">
14 //01 onload
15 //02 onunload
16 //03 onbeforeunload
17 var set=setInterval("demo()",2000);
18
19 var str="";
20 function demo(){
21     var div=document.getElementById("scrollDiv");
22     str+="欢迎光临<br/>";
23     div.innerHTML=str;
24 }
25 function clearInt(){
26     window.clearInterval(set);
27 }
28 //05 onclick
29
30 //06 onmouseover onmouseout  onmousemove
31
32 //07 onmousedown onmouseup
33
34 //08 onkeydown onkeyup onkeypress
35
36 </script>
37 </body>
38 </html>
时间: 2024-10-06 12:49:58

DHTML_____window对象的事件的相关文章

焦点 、event对象、事件冒泡、事件绑定、AJAX知识点备忘

焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入. 设置焦点的几种方式: 1.点击 2.TAB键 3.JS onfocus   onblur 属性 var oinp=document.getElementById('shuru') oinp.onfocus=function(){ if(oinp.value=='请输入'){ oinp.value='' } } oinp.onblur=function(){ if(oinp.value==''){ oinp

js跨浏览器事件对象、事件处理程序

项目中有时候会不用jquery这么好用的框架,需要自己封装一些事件对象和事件处理程序,像封装AJAX那样:这里面考虑最多的还是浏览器的兼容问题,原生js封装如下:var EventUtil={ //节点.事件名.事件处理函数 addHanler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);//这里一个参数为false意为在事件冒

【2017-05-03】winform打印控件、事件对象和事件数据、MDI窗体容器

一.打印控件 第一步先把打印对象搞出来. - printDocument    打印对象(将要打印的内容放到该对象里,从该对象里取内容打印) 设置他的PrintPage事件(对于要打印的每一页触发一次) - pageSetupDialog 打印设置对话框 - printPreviewDialog 打印预览对话框 - printPreviewControl  打印预览控件. 只需要把预览对象给他设置上就好 - printDialog  打印对话框 打印界面里面是否禁用页面范围.打印到文件等从Pri

事件对象、事件流、关于冒泡、默认行为

事件对象: 在触发事件的时候,会产生一个事件对象event,这个对象中包含了与事件相关的信息. 例如:在触发鼠标双击时,是触发了这几件事  onkeydown+onkeyup+onclick+onkeydown+onkeyup+onclick 事件流: 当HTML元素产生一个事件时,这个事件会在元素节点与根节点之后的路径传播,路径所经过的节点都会接收到这个事件,这个传播过程称为DOM事件流. DOM事件流分为冒泡事件流和捕获事件流. 事件冒泡: 当一个元素的事件被触发时,同样的事件将会在该元素的

给js动态创建的对象绑定事件

1.使用原生JS动态为动态创建的对象绑定事件 1-1.创建一个function,用来兼容IE8以下浏览器添加事件 function addEvent(el, type, fn) {  if(el.addEventListener){ el.addEventListener(type,fn,false) }else if(el.attachEvent()){ el.attachEvent('on' + type,fn,false) }else{ return false }} 1-2.使用JS创建

javascript面向对象--观察者模式(为对象添加事件监听功能)

正文开始之前,有这么一个需求: >背景:宁静的夜晚,一天晚上,狗蛋(主人)睡得正香,侠盗高飞(小偷)突然造访. >事件:高飞正准备下手的时候,不料被旺财(狗)发现了,于是旺财叫了起来,狗蛋醒了,高飞逃走了. 分析需求后,可以发现有三个对象: 高飞(小偷) 旺财(狗) 狗蛋(主人) 创建对象的构造函数以及原型方法 //人的构造函数 function Person(name){ this.name=name; //首次创建实例时,为Person的原型添加共有的方法 if(!Person.proto

JQuery 对象和事件

JQuery 对象和事件 一:JQuery 对象和 Dom 对象 在使用 JQuery 过程中,我们一般(也是绝大多数情况下,除非我们使用了第二个框架)只有两类对象,即:JQuery 对象和 Dom 对象.Dom 对象指的是普通的 JavaScript 对象,而 JQuery 对象则是包装 Dom 对象后产生的对象.在声明变量的时候,出于规范,我们一般在变量名字前加一个 $ 号以标记它是一个 JQuery 对象,如下: var $var = - // JQuery 对象 var var = - 

PB各对象常用事件

1.window中的事件 事件名                  触发的时机 01.Activate            在窗口激活之前触发 02.Clicked             当用户用鼠标单击窗口的空白区域(没有控件的区域)时触发 03.Close               当关闭窗口时触发 04.CloseQuery          当清除或关闭窗口时触发.然后检查Message.ReturnValue的值,若为1,则窗口不能关闭 05.Deactivate        

JS事件-对象监视事件,事件触发函数

写在前面: 一句话作为本文的核心思想:对象监视事件,事件触发函数: (一)事件 1.事件分类 (1)鼠标事件 click()                      鼠标单击 dblclick()                   鼠标双击 mouseover()             鼠标移入事件 mouseout()              鼠标移出事件 mousemove()             鼠标移动事件 mousedown()            鼠标按下事件 mous