不要内置JavaScript脚本,这不是1996年了!
在我们的标签中有许多的事件属性,如单击事件,焦点事件,鼠标和键盘事件等,然后这些事件属性值就等于我们的JavaScript程序。
- <a id="给一个唯一id名字" onclick="alert(52CSS.com');">我爱CSS-www.52CSS.com欢迎您!</a>
<a id="给一个唯一id名字" onclick="alert(52CSS.com');">我爱CSS-www.52CSS.com欢迎您!</a>
我想,您应该不会这样作!相反,我们将此代码转移到一个外部JavaScript文件里,然后使用“ addEventListener / attachEvent ”为“侦听”您想要的事件。
或者,如果你想使用一些框架的话,就像jQuery一样,只需使用“click”的方法就行了。
- $('a#moreCornInfoLink').click(function() {
- alert(52CSS.com');
- });
$('a#moreCornInfoLink').click(function() {
alert(52CSS.com');
});
可以考虑把JavaScript文件放在Html的底部
请记住我们的首要目标是使网页尽快加载给用户看。
当加载一个脚本时,浏览器不能再继续下去,直到整个文件已经加载完毕以后才能渲染给用户。
因此,用户还要花更长的时间等待,在这之前没有发现任何进展 如果您使用JavaScript文件的唯一目的是为了增加新功能,例如:一些按钮特效,我们是希望他在整个网页渲染完毕以后再去点击它,这样才能体现的我们完美的按钮特效功能。
既然,我们知道这个理,何不把JavaScript文件放在底部那,body标签的结束位置之上那,这是绝对的最佳做法。
分享到:
相关推荐
脚本化文档内容正是客户端JavaScript存在的理由,并且,本书其余的各章确实是本章的延续。第16章介绍了处理CSS样式和样式表的W3C DOM标准。第17章介绍了用于处理事件(以及实现这些任务的遗留技术和特定于IE的技术)...
javascript脚本帮助文档javascript脚本帮助文档javascript脚本帮助文档javascript脚本帮助文档
javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript, 脚本,中文教材,帮助文档 javascript...
C# 动态解析 javascript 脚本引擎源码
AI CC 2015 JavaScript脚本手册,用于学习编写JSX脚本,官方文档
JavaScript语言基础 JavaScript程序流程控制语句 JavaScript函数和事件处理程序 HTML文档对象模型 JavaScript内置的常用对象 用JavaScript脚本对HTML数据的的验证
JavaScript脚本技术JavaScript脚本技术
提供大量常用的javascript脚本。
JavaScript脚本程序设计,包括电子教案及源程序
JavaScript脚本大全,各种JavaScript脚本开发
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。Javascript提供了丰富的运算功能,...
javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例,帮助文档 javascript,脚本,案例...
用javascript编译的 计算器javascript脚本.html
javascript脚本
javascript ppt 脚本 详细讲解 javascript ppt 脚本 详细讲解 javascript ppt 脚本 详细讲解 javascript ppt 脚本 详细讲解
实用JavaScript脚本代码大全是一些页面中常用控制页面的js,1. oncontextmenu="window.event.returnvalue=false"将彻底屏蔽鼠标右键 (false)><td>no</table> 可用于Table 2. ...
JavaScript脚本语言基础
应同学邀请,演示如何使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作。 下面测试的是一个廉价机票预订网站(http://www.flyscoot.com/),关键点如下 使用 QWebEngineView 加载网页,并显示...
使用javascript脚本向页面中的table添加和删除行