在浏览器上会立即执行的函数
- onload方法
- 立即执行函数(推荐)
1、onload方法
特点:只有一个,只执行一次。
说明:onload方法只能放在<body>标签中,例如<body οnlοad="myfun()">其中myfun是自定义的用来实现某种功能的函数。
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var myfun = function(){
alert("运行第一个执行");
}
</script>
</head>
<body onload="myfun()">
</body>
</html>
2、立即执行函数
特点:立即执行,只执行一次。
解释说明:相当于是声明了一个匿名函数,并且在声明的时候立即执行该匿名函数。
作用:创建一个独立的作用域,避免了外界访问,避免了变量重名的麻烦。
基本语法:(匿名函数)();
例如:
无参立即执行函数
(function(){
alert("我本是一个匿名函数,现在却可以立即执行");
})();
有参立即执行函数
(function(a,b){
var sum = a+b;
alert("sum="+sum);
})(2,3);
为什么匿名函数要用括号()给括起来呢?
因为匿名函数的声明格式是:function(){}
其中{}是封装代码块的,如果不把匿名函数括起来,function()和{}会被看成是两部分,就不是匿名函数了。此时运行浏览器会报错。只有把匿名函数括起来(function(){}),function()和{}才会被看成一个整体,才是一个真正的匿名函数。