js或者是jquery代码:行为从标记中分离出来

js定义一个函数:

function doStuff(){

  // do something

}

可以在html标记中指定该函数:

<body onload="doStuff()>

也可以在js代码中指定该函数:

window.onload = doStuff;

上述后者的方式比前者好,因为后者将行为更清晰的从标记中分离出来

不管是写javascript还是jQuery亦或者是其他脚本,都应该像后者那样写。

时间: 2024-08-01 22:43:08

js或者是jquery代码:行为从标记中分离出来的相关文章

eclipse中提示js或者JQuery代码

当你在eclipse中的JSP中写JavaScript或者JQuery代码的时候,eclipse是不会自动提示的,所以你需要在eclipse中安装一下插件,该插件的名字叫:Spket IDE,它可以作为一个插件存在,也可以作为一个独立的IDE存在.它具有提示js或者JQuery代码的功能. (1)Spket IDE下载地址: 请点击Spket IDE插件下载地址注意:下载里面的Plugin插件,下载完后解压缩里面会有两个文件夹,如下图所示:  把features和plugins文件夹中的相应内容

几个非常实用的JQuery代码片段

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多).jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用).events.实现动画效果,并且方便地为网站提供AJAX交互.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择.jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

Java程序员之JS(一) 之 JQuery.ajax

背景:紧着现在项目的需要,先从JQuery.ajax出发,主要需求是通过 js 调用Java 代码,从而适应现在的项目. 先从几个概念开始讲解: 一. 什么是Deferred  Deferred 对象是由.Deferred构造的, .Deferred被实现为简单工厂模式.它是用来解决JS中的异步编程,遵循 Common Promise/A规范,实现此规范的还有when.js 和 dojo. Deferred 对象在 JQuery 1.5被引入,用来解决 Ajax 异步优化问题,正是由于 Defe

5个实用的jQuery代码片段(摘)

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多).jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用).事件.实现动画效果,并且方便地为网站提供AJAX交互.javaScript还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择,下面给大家推荐几款常用的jQuery代码. 1.管理搜索框的值 现在各大网站都有搜索输入框,而输入框通常都有默认值,当输入框获

js框架(jQuery)

 Js框架(jQuery) 在前端的学习中,我学习了两种js框架. 有传统的js框架:jQuery,jQuery从创建开始历经了十年的优化和改进,已经是非常成熟和得到了大多数前端的人员的使用,所有jQuery是我们必须掌握的. 也有比较新型的js框架:Angular-js,Angular-js的思想比较新颖,方法也跟jQuery完全不同,历经了5年的建设,Angular-js也开始流行,现在也有很多人开始运用. jQuery: jQuery从根本来说是javaScript的函数库,它封装各种方法

图片轮播(左右切换)--js原生和jquery实现

图片轮播(左右切换)--js原生和jquery实现 左右切换的做法基本步骤跟 上一篇文章  淡入淡出 类似,只不过修改了一些特定的部分 (1)首先是页面的结构部分 对于我这种左右切换式 1.首先是个外围部分(其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方(也就是一个banner吧) 3.然后是一个图片组(可以用新的div 也可以直接使用 ul-->li形式) 4.然后是图片两端的左箭头和右箭头5.然后是一个透明背景层,放在图片底部 6.然后是一个图片描述info层,放在

编写更好的jQuery代码(转)

这是一篇关于jQuery的文章,写到这里给初学者一些建议. 原文地址:http://flippinawesome.org/2013/11/25/writing-better-jquery-code/ 现在已经有很多文章讨论jQuery和JavaScript的性能问题,然而,在这篇文章中我计划总结一些提升速度的技巧和一些我自己的建议来改善你的jQuery和JavaScript代码.更好的代码意味着更快的应用程序,快速渲染和反应性意味着一个更好的用户体验. 首先,我们要记住最重要的一点是:jQuer

50个必备的实用jQuery代码段

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中! 1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form