zoukankan      html  css  js  c++  java
  • js加载事件和js函数定义

    一  dom文档树加载完之后执行一个函数

    在Dom加载完成后执行函数,下面这三个的作用是一样的,
    window.onload 是JavaScript的,window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数

    $(document).ready(function (){}) 是Jquery的,dom文档树加载完之后执行一个函数,这个函数比 window.onload 执行的要早
    而$(function(){}) 是 $(document).ready 的简便写法;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>静态网址测试首页</title>
        <script src="resources/jquery-1.9.1.min.js" ></script>
    </head>
    <body>
    <script>
    
        window.onload = function () {
            alert("Window onload");
        }
    
    
        $(document).ready( function (x){
          alert("标准方式");
        })
    
    
        $(function() {
            alert(" 没有document的方法");
        })
    
    </script>
    </body>
    </html>
    View Code

    二 js 函数定义的三种方式 

    函数表达式方式的不同点, 必须在函数定义完成后才可以调用,详细例子看下面的代码执行结果

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>JS 函数定义测试</title>
    </head>
    <body>
    
    <script>
    
    
        //一  经典的 函数声明方式
        console.log(standardfun());//可以正常打印结果  aaa
        function standardfun() {
            alert("这是一种经典写法");
            return "aaa";
        }
    
        console.log(standardfun()); //可以正常打印结果  aaa
    
    
        //二  函数表达式
        // console.log(ff()); //  打印提示错误 ff is not a function
        console.log(ff); //打印 undefined
        var ff = function ffs() {
            alert("函数直接量表达式");
            return "bbb";
        }
        console.log(ff())//可以正常打印结果 bbb
    
        //函数表达式 ----匿名函数
        var ff1 = function () {
            alert("现在流行的写法")
        }
    
        //三 使用Function的构造函数  最后一个实参所表示的文本是函数体
        console.log(sum3); //undefined
        var sum3 = new Function("num1", "num2", "return num1+num2");
        console.log(sum3(2, 3));//5
    </script>
    </body>
    </html>
    View Code
  • 相关阅读:
    System.Web.Security下提供了非常简单的MD5加密算法,但处在非Web层的项目要怎么使用MD5加密呢?
    切换用户账户访问共享 记
    从盛大通行证上摘下来的身份证验证代码
    HA_Xenu1.3.6 使用手记
    asp.net跨域共享session(不能跨主机名)
    应用程序池自动关闭
    忘记 win2003 密码 记
    Ajax 入门 【学习手记】
    转载 防盗链
    超链接的 target
  • 原文地址:https://www.cnblogs.com/maanshancss/p/9302766.html
Copyright © 2011-2022 走看看