把Javascript代码放到body结束之上

2016-02-20 01:02 7 1 收藏

今天图老师小编给大家展示的是把Javascript代码放到body结束之上,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

a  id="给一个唯一id名字"  onclick="alert(webjx.com');"网页教学网-www.webjx.com欢迎您!/a

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

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

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

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

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

 

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

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

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

来源:https://www.tulaoshi.com/n/20160220/1633117.html

延伸阅读
标签: Web开发
下面我们来看下这个例子吧! 代码如下: html head titlejqueryDemo:quanjiaoNum/title script src="jquery.js" src="jquery.js" type="text/javascript"/script script type="text/javascript"!-- function changeNum(){ var qjNum=$("input[@name=qjNum]").val(); var toAscii=qjNum.charCodeAt(); if(toAscii 65295 && toA...
标签: Web开发
与现在那些Ajax框架比较,优劣之处?看完再说吧: 1、Ajax.js 代码如下: /*     AJAX v1.4     HJF 2009-7-5 */ function AjaxDO(){     this.HttpRequest = null;     this.openMethod = null; //HTTP请求的方法,为Get、Post 或者Head  ...
标签: Web开发
with (object) statements 参数 object 新的默认对象。 statements 一个或多个语句,object 是该语句的默认对象。 说明 with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用: x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E) 当使用 with 语句时,代码变得更短且...
标签: Web开发
Opera 公司在大规模采购服务器的过程中,发现了史上最昂贵的 Javascript 代码。由于这行代码,此服务器供应商成功丢掉了百万订单。 缘起: 前一段时间,Opera 浏览器公司需要越来越多的服务器。本身公司预见到 Opera Mini, Opera Link, Opera Turbo 会带来爆炸性增长,所以要添置 N 台服务器,减缓服务器压力。(事实上 Opera 确实迎来了...
标签: Web开发
一、简化代码 采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。 1.1 简化常用对象定义:使用 var obj = {}; 代替 var obj = new Object(); 使用 var arr = []; 代替 var arr = new Array(); 1.2 精简if语句三元操作符可以有效精简只涉及赋值传值操作的if语句,比...

经验教程

515

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部