zoukankan      html  css  js  c++  java
  • Javascript 笔记与总结(2-14)事件

    常用事件:

    ● onclick 元素点击时

    ● onfocus 元素获得焦点时

    ● onblur 元素失去焦点时

    ● onmouseover 鼠标经过时

    ● onsubmit 表单提交时(<form onsubmit="return func();"></form>)

    ● onload 页面加载完毕时

    注:onsubmit = "return func()";  func() 函数才能阻拦提交的结果。

    【例】onload 的缺点:

    img.php,用于展示图片,这里让图片 5 秒之后输出

    <?php
    $img = imagecreatetruecolor(300, 300); //创建一个300 * 300 px 的黑色方块
    sleep(5); //5 秒之后输出
    header("content-type:image/png");
    imagepng($img);

    test.html,引用图片,同时使用 onload 事件改变文字效果

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            function t(){
                document.getElementById("p").style.fontWeight = "bold";
            }
        </script>
    </head>
    <body onload="t();">
        <img src="img.php" alt="">
        <p id="p">定时改变文字</p>                
    </body>
    </html>      

    此时访问 test.html,页面显示:

    5 秒之后:

    结论:onload 事件必须要等页面内所关联的 比如 src 引用来的不论是本站还是外站的全部的元素都加载完毕之后,才执行。

    附:sublime (text2 | test3)快捷键:

    ① 输入:

    p>input:text

    按 tab ,得到:

    <p><input type="text" name="" id=""></p>

    ② 输入:

    p*2>input:text

    按 tab,得到:

    <p><input type="text" name="" id=""></p>
    <p><input type="text" name="" id=""></p>
  • 相关阅读:
    基于pandas索引的数据查找、排序和去重小结
    python中的变量引用小结
    python中日志logging模块和异常捕获traceback模块的使用
    undefined和not defined
    spring 整合dubbo session中调用用户转换异常 classcastEcxeption
    iframe占满整个屏幕
    freemarker获取url中参数
    H5的新增标签
    Redis
    类加载过程
  • 原文地址:https://www.cnblogs.com/dee0912/p/4471961.html
Copyright © 2011-2022 走看看