匿名自执行函数引入 $符号定义

最新推荐文章于 2022-03-30 22:44:18 发布

原创最新推荐文章于 2022-03-30 22:44:18 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #html #ViewUI

web 专栏收录该内容

25 篇文章

订阅专栏

本文详细探讨了在网页中引入外部匿名自执行函数的最佳实践，包括其位置选择、避免预加载执行的策略以及如何正确地与DOM交互。同时，通过实例展示了在函数内部获取和修改DOM元素的正确方式，并解释了为什么将其放置在DOM加载后的时机至关重要。

若在文件中引入外部匿名自执行函数一般在底部或html代码中（在需要获取的dom元素之后即可）引用在head、内引用会导致dom还未加载就执行，若函数内有获取dom元素并设置样式的代码则会发生错误并且它的加载发生在window.onload事件以前因为载入外部样式也算是onload事件而onload事件只在页面加载完成后触发另外浏览器显示正在载入表示正在加载dom 对自执行匿名函数执行时断点调试可以发现一直是载入状态侧面说明了它的执行在onload以前
并且如

<script type="text/javascript" src="yun.js">console.log('end')</script>

之类链接外部文件的代码先执行外部文件再执行标签内内容比如之后代码 console.log('end') 最后执行

定义 $（'id'）


 $=function(id){return typeof (id) == 'string' ?document.getElementById(id):null}


获取举例 
$('div1');
$('div1').style.background='red';

or

var a=$('div1');
a.style.background='red';
效果一致

使用匿名自执行函数遇见无法执行的语句则匿名自执行函数内部后面的语句不再执行会报错结束加载触发onload事件继续执行onload触发函数