javascript和jquery自加载方法

谁借莪１个温暖的怀抱￠ 2022-05-24 04:20 162阅读 0赞

文章转载自:[https://blog.csdn.net/namejs/article/details/50885922][https_blog.csdn.net_namejs_article_details_50885922]

javascript自加载方法:

1.在文本中用onload:当页面中所有内容(包括图片)加载完毕，再直接执行onload，如下

2.在脚本中用window.onload： 当页面中的所有内容（包括图片）加载完后再执行window.onload，如下：

jquery自加载:

1.当页面中DOM结构（不包含图片）加载完后再执行（可能DOM元素关联的东西并没有加载完），有三种写法，如下：

$(document).ready(function(){...});//写法1，全称
    $(function(){...});                //写法2，简写
    jQuery(function($){...});          //写法3，简写

2.页面中所有元素（包括图片）加载完成才执行，如下。

$(window).load(function() {...});  //等于JavaScript的写法，如window.onload = function(){...};

3.立即执行匿名函数。 当一个匿名函数被括起来，然后再在后面加一个括号，这个匿名函数就能立即运行起来，有两种写法，如下：

(function(){...})();        //写法1，不加参数
    (function($){...})(jQuery); //写法2，加参数，避免与其他变量发生冲突

解释:

function(arg){...}; //定义一个匿名函数，参数为arg

调用此函数时，在函数后面写上括号和实参，由于操作符的优先级，函数本身也需要用括号，如下：

(function(arg){...})(param);//arg是形参，param是实参

相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数。 所以下面的写法总结为：只在形参使用$，是为了不与其他库冲突，所以实参用jQuery，如下。

(function($){...})(jQuery);

说白了，如下：

funtion show(s){...};       //相当于这种写法
    show(jQuery);             
    
    //-------------------------------------------
    
    var show=function(s){...};  //或者相当于这种写法
    show(jQuery);

[https_blog.csdn.net_namejs_article_details_50885922]: https://blog.csdn.net/namejs/article/details/50885922

javascript和jquery自加载方法

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript # 前端 jquery 页面加载初始化方法

相关 JS和JQuery页面自动执行（加载）的方法

相关 JavaScript 加载顺序和异步加载详解

相关 HTML加载JavaScript的方法

相关 javascript和jquery自加载方法

相关 jQuery延迟加载（懒加载）

相关 JavaScript与JQuery页面加载区别

相关 js和 jquery 页面加载初始化方法

相关 js jquery 页面加载初始化方法

相关 Javascript/jquery异步加载使用方法详解(转)