`

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

    javascript脚本帮助文档chm格式

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

    第4章_JavaScript脚本技术

    JavaScript脚本技术JavaScript脚本技术

    javascript ppt脚本详细讲解

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

    计算器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,脚本,帮助...

    Javascript脚本混淆器

    JavaScript脚本混淆器是一种工具,它的主要目的是保护JavaScript代码的安全性,防止未经授权的用户阅读、复制或篡改代码。在Web开发中,由于JavaScript代码通常是以明文形式发送到客户端,这使得它容易受到诸如代码...

    javascript脚本语言

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

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

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

    HTML脚本大全常用Javascript特效代

    例如,使用`&lt;script&gt;`标签引入外部JS文件或直接在HTML文档中编写内联脚本。 二、DOM操作 Document Object Model (DOM)是HTML和XML文档的编程接口。JavaScript通过DOM可以访问和修改网页元素。例如,通过`document....

    Javascript脚本规范1

    - 将标签放置在HTML文件的底部(通常在之前),以防止脚本阻塞页面的渲染。同时,不必指定language或type属性,因为现代浏览器默认识别JavaScript。 2. 缩进与代码格式 - 使用四个空格作为缩进,避免使用Tab键,...

    JavaScript脚本特效编程给力起飞.pdf

    JavaScript脚本特效编程给力起飞.pdf

Global site tag (gtag.js) - Google Analytics