`

不要内置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脚本化文档

    JavaScript脚本化文档是Web开发中的关键特性,它赋予了HTML文档动态性和交互性,将原本静态的页面转变为用户可以互动的应用程序。本章重点讨论如何利用JavaScript操作和修改网页内容,这一章节对于理解客户端...

    AI CC 2015 JavaScript脚本手册

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

    javascript 脚本中文教材帮助文档

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

    基于javascript脚本开发的网页计算器

    本项目"基于JavaScript脚本开发的网页计算器"旨在实现一个基本的网页计算器,提供与标准桌面计算器类似的功能,如加、减、乘、除等基本运算。 在JavaScript中,我们可以利用DOM(Document Object Model)来操作HTML...

    网页javascript脚本语言提取器

    JavaScript是一种广泛应用于网页开发的脚本语言,它允许在用户浏览器上动态地更新内容,实现交互性和动画效果。"网页JavaScript脚本语言提取器"是一个工具,专门设计用于从网页中抓取并分析JavaScript代码,这在进行...

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

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

    javascript脚本帮助文档chm格式

    这个“javascript脚本帮助文档chm格式”很可能是微软编写的HTML帮助文件(CHM),这种文件类型将一系列HTML页面、索引和图片等资源打包成一个单一的、可搜索的文件,便于开发者查询JavaScript的相关知识。...

    javascript ppt脚本详细讲解

    JavaScript是一种广泛应用于网页和网络应用的编程语言,它在PPT(PowerPoint)中的使用可以为演示文稿添加交互性和动态效果。JavaScript PPT脚本主要用于创建动态幻灯片,增强观众的体验,并且能够更好地传达信息。...

    JavaScript脚本特效编程给力起飞

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

    javascript脚本案例帮助文档

    javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例...

    计算器javascript脚本.html

    用javascript编译的 计算器javascript脚本.html

    javascript脚本

    javascript脚本

    javascript脚本语言课件

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

    WEB中javascript脚本语言

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

    基于HTML和JavaScript的临时JavaScript脚本设计源码

    该项目是一款基于HTML和JavaScript的临时JavaScript脚本设计源码集合,包含180个文件,涵盖91个JavaScript文件、28个文本文件、20个压缩文件、18个HTML文件、4个JSON文件、3个压缩包文件、2个文档文件、2个...

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

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

    加载JavaScript脚本的包

    通过这个API,你可以加载并执行各种语言的脚本,包括JavaScript。`ScriptEngineManager`类负责管理所有可用的脚本引擎,而`ScriptEngine`接口则提供执行脚本的方法。 4. **Java Wrappers (JWR)**: JWR,全称Java ...

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

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

    javascript10脚本帮助文档

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

Global site tag (gtag.js) - Google Analytics