zoukankan      html  css  js  c++  java
  • 5.js与jQuery入口函数执行时机

    js与jQuery入口函数执行时机区别:

    JS入口函数是在所有资源加载完成后,才执行。(包括:页面、外部js文件、外部css文件、图片)

    jQuery入口函数,是在文档加载完成后就执行。文档加载完成指的是:DOM树加载完成后,就可以操作DOM了,不用等到所有的外部资源都加载完成。

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.3.1.js"></script>
        <style>
            div{
                width: 100px;
                height: 100px;
                margin-bottom: 10px;
            }
            .div1{
                background: red;
            }
            .div2{
                background: blue;
            }
            .div3{
                background: green;
            }
    
        </style>
        <script>
            //js
    //        window.onload = function () {
    //            //alert($(".div3").width())
    //            alert(document.getElementsByTagName("div")[2].clientWidth);
    //        }
            //jquery
            $(document).ready(function () {
                //alert($(".div3").width());
                alert(document.getElementsByTagName("div")[2].clientWidth);
            })
        </script>
    </head>
    <body>
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>
    </body>
    </html>

  • 相关阅读:
    WebService
    JavaMail
    ssh框架整合
    CSS3初步
    SpringMVC 文件上传及下载
    Java多线程
    SpringMVC 数据校验
    初始化参数绑定——日期格式
    SpringMVC入门
    Quartz
  • 原文地址:https://www.cnblogs.com/alex-xxc/p/9738762.html
Copyright © 2011-2022 走看看