`

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

阅读更多
    不要内置JavaScript脚本,这不是1996年了! 
  在我们的标签中有许多的事件属性,如单击事件,焦点事件,鼠标和键盘事件等,然后这些事件属性值就等于我们的JavaScript程序。
<a  id="给一个唯一id名字"  onclick="alert(52CSS.com');">我爱CSS-www.52CSS.com欢迎您!</a>


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


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


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

相关推荐

    引入JavaScript脚本代码到HTML文档中

    在网页开发中,JavaScript是一种不可或缺的编程语言,它赋予了HTML文档动态交互的能力。这篇博客“引入JavaScript脚本代码到HTML文档中”将探讨如何将JS代码整合到HTML页面,以便实现网页的交互功能。 首先,...

    C# 动态解析 javascript 脚本引擎源码

    一个常见的C#脚本引擎是Microsoft的JScript.NET,但它并不支持最新的JavaScript特性。为了处理现代JavaScript,开发者通常会采用开源项目,如Noesis.Javascript。Noesis.Javascript是一个用C#编写的高性能JavaScript...

    AI CC 2015 JavaScript脚本手册

    Adobe Illustrator CC 2015 JavaScript脚本手册是一份官方文档,旨在帮助用户学习如何编写JSX脚本,以自动化和扩展Adobe Illustrator软件的功能。该手册提供了深入的技术指南和编程参考,使得开发者能够通过编程语言...

    javascript 脚本中文教材帮助文档

    javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript...

    javascript脚本应用大全

    在“JavaScript脚本应用大全”这个主题中,我们将深入探讨JavaScript的核心概念、语法特性以及各种实用的应用场景。 1. **基础语法** JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、...

    JavaScript脚本特效编程给力起飞

    JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。Javascript提供了丰富的运算功能,...

    QT中使用QScriptEngine引擎编译运行JavaScript脚本

    本文将深入探讨如何在QT环境中使用QScriptEngine来编译和运行JavaScript代码,并分享一些基本的使用方法。 首先,理解QScriptEngine的基本概念。它是QT中的一个类,它实现了ECMAScript标准,也就是我们常说的...

    javascript脚本语言课件

    JavaScript脚本语言是一种广泛应用于网页和网络应用中的编程语言,主要负责实现客户端的交互性和动态效果。本课程针对JavaScript的基础知识进行深入讲解,包括语法、流程控制语句、函数以及数据验证方法,旨在帮助...

    JavaScript脚本特效

    "JavaScript脚本特效"通常是指利用JavaScript语言编写的代码片段,用于增强网页的视觉效果和用户体验。这些特效可以是动画、用户交互或者一些创新的视觉展示。 1. **雪花效果**:在网页上模拟下雪的场景,通过...

    javaScript脚本技术和asp.net内置对象

    - 这里使用`Request.Browser`获取浏览器的相关信息,如类型、版本等,并将其赋值给`mybc`对象。 - 后续通过`mybc`对象的属性(如`Type`、`Version`等)来访问这些信息。 2. **获取IP地址信息**: - `lblUserId....

    WEB中javascript脚本语言

    有时候,为了提高代码的可重用性和维护性,我们需要将JavaScript代码封装到单独的文件中。这样做的好处是可以避免在多个页面中重复编写相同的代码,并且方便管理和更新。 1. **使用外部文件的方法** - 创建一个`....

    PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例

    应同学邀请,演示如何使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作。 下面测试的是一个廉价机票预订网站(http://www.flyscoot.com/),关键点如下 使用 QWebEngineView 加载网页,并显示...

    网页常用javascript脚本

    在JSP中,JavaScript可以嵌入到HTML或者单独的.js文件中,通过JSP的内置对象如`&lt;script&gt;`标签引入。JSP还可以通过`&lt;%= %&gt;`、`&lt;%-- --%&gt;`和`! %&gt; `等语法结构将Java代码与HTML混合,实现服务器端的逻辑处理。 在网页...

    Dreamweaver基础教程—使用Dreamweaver开发JavaScript脚本.

    在Dreamweaver中,为了更好地遵循结构和逻辑分离的原则,开发者可以利用Dreamweaver内置的功能将JavaScript代码从HTML文档中提取出来,放置到单独的JavaScript文件中。这样不仅有助于保持HTML文档的简洁,还方便了...

    浅谈关于JavaScript脚本语言的学习.pdf

    2. 跨平台:由于JavaScript脚本代码只依赖于浏览器,所以与系统环境无关,无论在Windows操作系统下还是其他操作系统下,只要浏览器支持JavaScript脚本,即可正确执行包含JavaScript的HTML文档。 3. 基于对象和事件...

    javascript10脚本帮助文档

    javascript10,脚本,帮助文档 javascript10,脚本,帮助文档 javascript10,脚本,帮助文档 javascript10,脚本,帮助文档javascript10,脚本,帮助文档 javascript10,脚本,帮助文档 javascript10,脚本,帮助...

    javascript脚本语言

    JavaScript是最常见的客户端脚本语言,它可以直接嵌入到HTML文档中,或者通过外部文件链接引用。使用`&lt;script&gt;`标签可以将JavaScript代码插入到网页中。例如: ```html &lt;script Language="JavaScript" TYPE="text/...

    浅析页面中Java与JavaScript脚本的区别.pdf

    在 JavaScript 脚本中,我们使用了 `Date` 对象来获取当前日期,并将其显示在 HTML 页面中。 从上面的示例代码可以看到,Java 和 JavaScript 两种语言都可以实现显示当前日期的功能,但是它们的实现方式和执行过程...

Global site tag (gtag.js) - Google Analytics