3.30 windows对象

DOM操作:

windows对象   窗口操作

document对象   文档操作


 

方法(函数)      属性

函数:window.hanshu ( );

属性:window.shuxing


事件:调用已经写好的函数

<body>
 事件:调用已经写好的函数   
<div style="width:100px; height:100px;" onclick="Hanshu()">你好</div>


</body>

<script type="text/javascript">
    function Hanshu()
   {
       alert("你好");
    }

</script>

onclick 单击; 
ondblclick 双击; 
onkeydown 按键摁下时; 
onkeyup 按键松开时; 
onkeypress 按下就触发; 
onmousedown 鼠标摁下; 
onmousemove 鼠标移动;
onmouseout 鼠标移出; 
onmouseover 鼠标移上;     
会弹出这个

表单中的:

<body>
  
<div style="width:100px; height:100px;" onclick="Hanshu()">你好</div>
<input type="text" onblur="Hanshu()" />      文本框
<input type="checkbox" onselect="Hanshu()" />男      复选框
<select onchange="Hanshu()">                     下拉列表
       <option>你好</option> 
       <option>你好1</option>
       <option>你好2</option>
</select>
</body>

<script type="text/javascript">
    function Hanshu()
   {
       alert("你好");
    }

</script>

onblur 失去焦点触发;
onfocus 获得焦点;
onchange 改变时触发;
onselect 选中时触发;

 

<body>
  
<div style="width:100px; height:100px;" onclick="Hanshu(this)">你好</div>
<span onclick="Hanshu(this)" >你好1</span>         
 两个都是单击触发函数,必须传一个数据,加参数,本事this。

</select>
</body>

<script type="text/javascript">
    function Hanshu(a)                     形参接收
   { 
        alert(a)                           弹出
       alert("你好");
    }

</script>
      span触发效果                       div触发效果

  

<body>   
<div style="width:100px; height:100px;" onclick="Hanshu()">你好</div>

<input type="button" value="打开按钮" onclick="Open()" />

</body>

<script type="text/javascript">
    function Hanshu()
   {
       alert("a");
    }
 function Open()
  {
        window.open("digui,html","_blank","width=100px height=100px",);
  }

</script>
 blank是另打开窗口,self是自身打开

  

  

 

posted on 2018-03-30 11:55  sunyexiang  阅读(98)  评论(0编辑  收藏  举报

导航