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
  • 相关阅读:
    51nod乘积之和
    Dell服务器安装OpenManage(OMSA)
    Nginx反向代理PHP
    搭建haproxy
    108. Convert Sorted Array to Binary Search Tree
    60. Permutation Sequence
    142. Linked List Cycle II
    129. Sum Root to Leaf Numbers
    118. Pascal's Triangle
    26. Remove Duplicates from Sorted Array
  • 原文地址:https://www.cnblogs.com/maanshancss/p/9302766.html
Copyright © 2011-2022 走看看