当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 把Javascript代码放到body结束之上

Javascript
JavaScript 继承详解(四)
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
js 实现无缝滚动 兼容IE和FF
js 对象是否存在判断
优化 JavaScript 代码的方法小结
表单元素事件 (Form Element Events)
js 动态创建 html元素
prototype 学习笔记整理
JavaScript 创建对象
javascript 全角转换实现代码
DOM 基本方法
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
javascript 动态创建 Option选项
javascript 7行代码画出一个围棋棋盘
比较简单的异步加载JS文件的代码
javascript 层隐藏和显示的代码
自定义滚动条3.0
javascript iframe内的函数调用实现方法
Prototype Class对象学习
Prototype RegExp对象 学习

把Javascript代码放到body结束之上


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 162 ::
收藏到网摘: n/a

  不要内置JavaScript脚本,这不是1996年了! 

  在我们的标签中有许多的事件属性,如单击事件,焦点事件,鼠标和键盘事件等,然后这些事件属性值就等于我们的JavaScript程序。

<a  id="给一个唯一id名字"  onclick="alert(ruanchen.com');">软晨学习网-www.ruanchen.com欢迎您!</a>

  我想,您应该不会这样作!相反,我们将此代码转移到一个外部JavaScript文件里,然后使用“ addEventListener / attachEvent ”为“侦听”您想要的事件。

  或者,如果你想使用一些框架的话,就像jQuery一样,只需使用“click”的方法就行了。

$('a#moreCornInfoLink').click(function() {  
  alert(ruanchen.com');  
});

  可以考虑把JavaScript文件放在Html的底部

  请记住我们的首要目标是使网页尽快加载给用户看。

 

  当加载一个脚本时,浏览器不能再继续下去,直到整个文件已经加载完毕以后才能渲染给用户。

  因此,用户还要花更长的时间等待,在这之前没有发现任何进展 如果您使用JavaScript文件的唯一目的是为了增加新功能,例如:一些按钮特效,我们是希望他在整个网页渲染完毕以后再去点击它,这样才能体现的我们完美的按钮特效功能。

  既然,我们知道这个理,何不把JavaScript文件放在底部那,body标签的结束位置之上那,这是绝对的最佳做法。