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
  • 相关阅读:
    python写入excel(xlswriter)--生成图表
    使用jmeter 进行http 接口测试
    Ant 批量执行jmeter 脚本
    搭建持续集成接口测试平台(jenkins+ant+jmeter)
    java异常
    java之线程
    android开发之背景音乐与音效
    android开发之存储数据
    android开发之自定义组件
    android开发之生命周期
  • 原文地址:https://www.cnblogs.com/maanshancss/p/9302766.html
Copyright © 2011-2022 走看看