不要内置JavaScript脚本 并将它置于HTML文档底部

news/2024/7/10 22:38:42 标签: 脚本, JavaScript, HTML, CSS, jQuery
    不要内置JavaScript脚本,这不是1996年了! 
  在我们的标签中有许多的事件属性,如单击事件,焦点事件,鼠标和键盘事件等,然后这些事件属性值就等于我们的JavaScript程序。
Css代码 复制代码
  1. <a  id="给一个唯一id名字"  οnclick="alert(52CSS.com');">我爱CSS-www.52CSS.com欢迎您!</a>  
<a  id="给一个唯一id名字"  οnclick="alert(52CSS.com');">我爱CSS-www.52CSS.com欢迎您!</a>


  我想,您应该不会这样作!相反,我们将此代码转移到一个外部JavaScript文件里,然后使用“ addEventListener / attachEvent ”为“侦听”您想要的事件。
  或者,如果你想使用一些框架的话,就像jQuery一样,只需使用“click”的方法就行了。
  
Javascript代码 复制代码
  1.   $('a#moreCornInfoLink').click(function() {      
  2.   alert(52CSS.com');      
  3. });  
JavaScript">  $('a#moreCornInfoLink').click(function() {   
  alert(52CSS.com');   
});


  可以考虑把JavaScript文件放在Html的底部
  请记住我们的首要目标是使网页尽快加载给用户看。


    当加载一个脚本时,浏览器不能再继续下去,直到整个文件已经加载完毕以后才能渲染给用户。
  因此,用户还要花更长的时间等待,在这之前没有发现任何进展 如果您使用JavaScript文件的唯一目的是为了增加新功能,例如:一些按钮特效,我们是希望他在整个网页渲染完毕以后再去点击它,这样才能体现的我们完美的按钮特效功能。
  既然,我们知道这个理,何不把JavaScript文件放在底部那,body标签的结束位置之上那,这是绝对的最佳做法。

http://www.niftyadmin.cn/n/873022.html

相关文章

php常量在手册的哪里,玩转php常量

常量的命名规则命名: 与变量相同的命名规则方法:define()函数格式:define(常量名,具体值);例子:define(PI,3.14);常量与变量的比较相同:1:命名规则相同(但一般为大写)不同:1:引用常量时不用$,直接用名称.2:常量只能用define定义,不能用赋值语句3:常量一旦定义就不能重新定义或取…

php iframe无刷新上传,Iframe实现无刷新上传兼容IE9

大家都知道&#xff0c;IE9对FileApI支持不友好&#xff0c;所以想做一个兼容IE9实现无刷新上传也并非易事&#xff0c;一般的解决方案都是对IE9使用Flash方式上传&#xff0c;对现代浏览器使用FileApI。百度的WebUploader就是采用的这种方式&#xff0c;不过我们今天要谈的是I…

redis非集群操作模式的部署详解

写在前面的话&#xff1a; 对于redis来说&#xff0c;它有四种部署模式&#xff0c;分别是单机模式、主从模式、哨兵模式和集群模式&#xff0c;他们的使用场景有些区别&#xff0c;当然也是越来越复杂&#xff0c;可靠性越来越高。 本文从实际操作的角度&#xff0c;来介绍和讲…

nextcloud index.php,打造自己的网盘(五)–NextCloud

[error] 4482#0: *1 rewrite or internal redirection cycle while processing “/index.php/index.php/index.php/index.php/index.php/index.php/index.php/index.php/index.php/index.php/index.php/”, client: 10.0.1.14, server: pan.test.net, request: “GET / HTTP/1.…

unique_ptr一个会转移数据的智能指针

一、产生的原因&#xff1a; unique_ptr的产生&#xff0c;就是为了解决&#xff0c;raw pointer 的new和delete配对使用问题。对于raw pointer来说&#xff0c;在new了之后&#xff0c;在delete之前往往会出现程序异常&#xff0c;进而导致delete没有被释放&#xff0c;如此以…

php rsa使用详解,php rsa加密解密使用详解,rsa加密解密使用详解_PHP教程

php rsa加密解密使用详解&#xff0c;rsa加密解密使用详解1、加密解密的第一步是生成公钥、私钥对&#xff0c;私钥加密的内容能通过公钥解密(反过来亦可以)下载开源RSA密钥生成工具openssl(通常Linux系统都自带该程序)&#xff0c;解压缩至独立的文件夹&#xff0c;进入其中的…

shared_ptr一个不需要释放内存的智能指针

一、产生的原因 shared_ptr的产生与unique_ptr类似&#xff0c;都是为了解决raw pointer的new和delete的成对使用&#xff0c;导致的野指针、内存泄漏、重复释放内存等。 不过shared_ptr与unique_ptr场景又有所不同&#xff0c;这里主要是一个raw pointer在不同的代码块之间传来…

weak_ptr一个配合shared_ptr的智能指针

一、产生原因 weak_ptr的产生&#xff0c;主要是为了配合shared_ptr的使用&#xff0c;对于shared_ptr来说&#xff0c;有一种循环引用会导致shared_ptr的引用计数一直不能变为0&#xff0c;如此以来导致内存一直不能释放的掉。例子可以参考下面例子&#xff1a; #include <…