JavaScript onload到底如何写
JavaScript或是说dom中有一个非常有用的事件:onload。从字面的意思来讲:加载时执行的事件。它可应用于多个html标签中,比如:img标签(当图片加载完成后执行此函数),关于img标签应用onload您可以看一下我的这篇日志:图片不超过外边框最大宽度js代码。onload事件最多的应用于body标签(当整个页面加载完成后执行此函数,这里说的页面加载完成不包括页面中的图片加载)。
1. onload事件最简单的应用方法:
- <script type="text/javascript">
- function phplamp(text) {
- alert('测试成功');
- }
- </script>
- <body onload="phplamp()">
2. 但这样的代码看起来很不专业,所以很多人都写成以下这样。这样写不仅美观,而且也较上一种易于管理。
- <script type="text/javascript">
- window.onload = function() {
- alert('测试成功');
- }
- </script>
3. 当用到JavaScript框架时,很多人也放弃了这样的方法,因为JavaScript框架为其提供了更简便有效的方法。比如jQuery。
- <script type="text/javascript" src="jquery/jquery.js"></script>
- <script type="text/javascript">
- jQuery(function() {
- alert('测试成功');
- });
- </script>
