• 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是自身打开
    

      

      

  • 相关阅读:
    rabbitmq学习之路(五)
    rabbitmq学习之路(四)
    rabbitmq学习之路(三)
    rabbitmq学习之路(二)
    rabbitmq学习之路(一)
    回忆一下数据库中的锁问题
    feign+hystrix 进行服务降级
    vue.js之过滤器,自定义指令,自定义键盘信息以及监听数据变化
    node.js之用ajax获取数据和ejs获取数据
    用node.js实现mvc相册资源管理器
  • 原文地址:https://www.cnblogs.com/syx1997/p/8675438.html
Copyright © 2020-2023  润新知