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
  • 相关阅读:
    浏览器回退
    几个小东西
    获取用户的IP
    easyui datagrid中 formatter的用法
    vscode安装go语言插件失败解决方法
    c#项目NLOG不显示日志
    C# 抽象类与接口的区别
    用SQL Server事件探查器创建跟踪
    使用MathJax在博客园里添加数学公式
    概率主题模型简介 Introduction to Probabilistic Topic Models
  • 原文地址:https://www.cnblogs.com/maanshancss/p/9302766.html
Copyright © 2011-2022 走看看