<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<title>立即执行函数</title>
</head>
<body>
<script>
print();
// 立即执行函数,这种函数在函数定义的地方就直接执行了。
(function(){
console.log("立即执行函数");
})();
function print(){
console.log('普通函数');
}
// 在一个页面中不同的js中写的$(function(){/*...*/});函数，会根据js的排列顺序依次执行。
// $(function(){/*...*/});是$(document).ready(function(){/*...*/})的简写形式，是在DOM加载完成后执行的回调函数，并且只会执行一次。
$(function () {
console.log('页面加载后的回调函数');
});
</script>
</body>
</html>