JavaScript onload到底如何写

JavaScript或是说dom中有一个非常有用的事件:onload。从字面的意思来讲:加载时执行的事件。它可应用于多个html标签中,比如:img标签(当图片加载完成后执行此函数),关于img标签应用onload您可以看一下我的这篇日志:图片不超过外边框最大宽度js代码onload事件最多的应用于body标签(当整个页面加载完成后执行此函数,这里说的页面加载完成不包括页面中的图片加载)。

1. onload事件最简单的应用方法:

onload事件最简单的应用
  1. <script type="text/javascript">  
  2. function phplamp(text) {   
  3.     alert('测试成功');   
  4. }   
  5. </script>  
  6. <body onload="phplamp()">  

2. 但这样的代码看起来很不专业,所以很多人都写成以下这样。这样写不仅美观,而且也较上一种易于管理。

Window.onload使用方法
  1. <script type="text/javascript">  
  2. window.onload = function() {   
  3.     alert('测试成功');   
  4. }   
  5. </script>  

3. 当用到JavaScript框架时,很多人也放弃了这样的方法,因为JavaScript框架为其提供了更简便有效的方法。比如jQuery

jQuery中window.onload的实现方法
  1. <script type="text/javascript" src="jquery/jquery.js"></script>  
  2. <script type="text/javascript">  
  3. jQuery(function() {   
  4.     alert('测试成功');   
  5. });   
  6. </script>  
版块:javascript Tags: , , , 时间:2009-04-07
文章评论
2 回复 for "JavaScript onload到底如何写"
在校创业 - 2009-06-05
我想在这里常驻
电脑知识 - 2009-06-09
好看的主题
评论表单