zoukankan      html  css  js  c++  java
  • 3.30 windows对象

    DOM操作:

    windows对象   窗口操作

    document对象   文档操作


    方法(函数)      属性

    函数:window.hanshu ( );

    属性:window.shuxing


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

    <body>
     事件:调用已经写好的函数   
    <div style="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="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="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="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是自身打开
    

      

      

  • 相关阅读:
    DP入门——迷宫行走方案2
    DP入门——迷宫行走方案1
    DFS入门——八皇后问题输出方案
    matplotlib的学习3-figure图像
    matplotlib的学习2-基本用法
    matplotlib的学习1-为什么学他
    numpy的好处
    pandas的学习8-pandas-plot出图
    pandas的学习6-合并concat
    pandas的学习5-导入导出数据
  • 原文地址:https://www.cnblogs.com/syx1997/p/8675438.html
Copyright © 2011-2022 走看看