• 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>
  • 相关阅读:
    Excel中的日期时间计算,套路很全
    WPS表格 制作甘特图
    关于海康威视与Unity3d集成冲突问题解决
    海康威视(iOS集成)
    Objective-C
    Android中windowTranslucentStatus与windowTranslucentNavigation的一些设置(转)
    Could not symlink include/node/android-ifaddrs.h
    dyld`__abort_with_payload:
    about the libiconv.2.dylib
    Intent的作用和表现形式简单介绍
  • 原文地址:https://www.cnblogs.com/dee0912/p/4471961.html
Copyright © 2020-2023  润新知