12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
网络知识 时间:2024-11-25 17:59:57
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
今天我们要介绍的是Javascript函数自动执行问题。所谓函数自动执行,是指在Javascript中有一些函数可以在页面首次加载的时候自动执行,而无需等到触发事件或者调用函数来手动执
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
今天我们要介绍的是Javascript函数自动执行问题。所谓函数自动执行,是指在Javascript中有一些函数可以在页面首次加载的时候自动执行,而无需等到触发事件或者调用函数来手动执行。下面我们就来详细了解一下Javascript函数自动执行问题。
在Javascript中,常见的自动执行函数有两种,分别是window.onload和$(document).ready()。
在使用window.onload的时候,需要使用以下代码:
window.onload = function() {// code};
该函数会在页面所有资源文件加载完成后执行,有点类似于jQuery中的$(document).ready()函数。下面我们看一下具体用法:
window.onload = function() {var div = document.getElementById('div');div.innerHTML = 'Hello World';};
上述代码会在页面加载完成后,自动将id为div的元素内容改为'Hello World'。
和window.onload类似的还有$(document).ready()函数,它的语法如下:
$(document).ready(function() {// code});
该函数也会在页面加载完成后自动执行,下面我们看一下用法:
$(document).ready(function() {$('div').html('Hello World');});
上述代码会在页面加载完成后,自动将所有div元素的内容改为'Hello World'。
还有一种自动执行函数是IIFE(Immediately Invoked Function Expression),也就是立即执行函数。该函数的语法如下:
(function() {// code})();
该函数会在定义后立即执行,下面我们看一下具体用法:
(function() {var div = document.getElementById('div');div.innerHTML = 'Hello World';})();
上述代码会在页面加载时,立即将id为div的元素内容改为'Hello World'。
通过上述三个示例,我们可以知道Javascript函数自动执行很方便,能够在页面加载时自动完成一些任务,提高页面的交互性。但是需要注意的是,自动执行函数要避免与其他函数重复执行,否则会造成不必要的后果。
以上就是本次介绍的Javascript函数自动执行问题,希望对大家有所帮助。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19