1.添加JavaScript和外部内容。
(1)画布介绍
Canvas element是一个自由形式的区域，在这里你可以通过使用图像、手绘、动画和文本来改善用户对网页的样本呈现。
您可以使用适当的标签将canvas元素添加到网页中。和其他HTML标签一样，标签也有属性，最基本的属性是网页中画布的高度和宽度。要创建200x200的画布，可以使用以下代码:
标记不起作用。它实际上是一个空白色区域。我们可以使用JavaScript，一种浏览器现在可以理解的编程语言，来赋予画布新的生命。
2、JavaScript
JavaScript不是Java，基本上和Java编程语言无关。
使用库或框架技术可以使JavaScript在所有流行的浏览器中以相同的方式工作，其中一种流行的框架技术叫做jQuery。
3.要将JavaScript添加到网页，您需要添加它。
在开始标签和结束标签之间是您想要插入JavaScript代码的地方。
4.用户的浏览器可能会禁用JavaScript。
有些用户的浏览器禁用了JavaScript，或者有些用户没有安装最新版本的浏览器Web浏览器。用户不愿意启用JavaScript的原因有很多。为了使网站在没有JavaScript的情况下也能工作，您应该确保JavaScript以适当的方式发出错误消息。
检查JavaScript是否启用的方法是使用标记。如果浏览器不支持或不启用JavaScript，您可以使用来提供补充内容，将标签插入网页并向其中添加HTML代码。如果网站访问者没有启用JavaScript，他将看到标签中的内容。
5.JavaScript事件和jQuery
JQuery是一个开源的JavaScript文件，不仅省略了开发者要求处理的跨浏览器兼容性问题，还简化了JavaScript初学者不具备的高级编程技术。jQuery的JavaScript框架是JavaScript事件和所有常见JavaScript的理想编程工具。
6.获取jQuery工具
JQury可以从http://jquery.com下载。JQuery只有一个文件，所以放在网站的文档根目录下或者主文件夹下(或者特定环境下JavaScript文件放的地方)。
7.有一个函数叫做。jQuery中的ready()。它只会在浏览器完全加载完网页并准备好JavaScript后执行。jQuery代码以＄符号和方括号开始。
例如:
文档就绪
8、
(1)用jQuery来选择元素，例如：
、、
HTML代码中有一个元素的id属性设置为contentDiv:
您的第一个JavaScript页面。
如果使用jQuery，下面的语法使选择元素变得很容易:
$("#contentDiv ")
您也可以使用以下语法选择所有
$(".类名”)
(2)jQuery还提供了其他几种选择元素的方法，包括分层功能，通过它可以选择元素的子元素；或者选择除指定元素之外的所有其他元素；或者选择元素的父元素。
或者使用许多其他选择器。
请参见附加示例；
伊奎里101
您的第二个Javascript页面。
9.用jQuery和JavaScript响应事件。
如果您希望
如下例所示:
jQuery 101
您的第二个JavaScript页面。
请注意，click函数直接附加到，其中id变量等于contentDiv。在。click()函数，它调用另一个名为。fadeOut()(一个匿名函数，用大括号括起来)。注意，这里有一个新的部分，即$(this)标记。＄(this)标记引用了生成事件的元素，因此本示例指定了contentDiv元素，该元素也可以用以下方式编写:
$(“content div”)。单击(function(){ $(“content div”)。fadeout(5000)；})
10.用jQuery和JavaScript验证表单。