JavaScript+jQuery程序设计第1章 初识JavaScript.pptVIP

JavaScript简介 JavaScript简述 编写JavaScript的工具 JavaScript在HTML中的使用 JavaScript基本语法 JavaScript简述 JavaScript的起源 JavaScript的主要特点 JavaScript的应用 JavaScript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面。 源代码 编译 编译型语言 解释型语言 执行 解释器 源代码 输出 输出 JavaScript的起源 JavaScript的主要特点 基于对象 事件驱动 跨平台 安全性 解释性 JavaScript特点 JavaScript的应用 验证用户输入的内容 动画效果 窗口的应用 应用Ajax技术实现搜索提示 编写JavaScript的工具 Dreamweaver CS6 JavaScript在HTML中的使用 在页面中直接嵌入JavaScript 链接外部JavaScript文件 作为标签的属性值使用 在HTML文档中可以使用script…/script标记将JavaScript脚本嵌入到其中。 html head titleJavaScript简介/title script ...... /script /head body /body /html html head titleJavaScript简介/title /head body script ...... /script /body /html 在页面中直接嵌入JavaScript script…/script script type=text/javascript type属性语法格式 language defer src type script标签的4个属性 指定使用的是JavaScript脚本 用于指定使用的脚本类型 指定外部脚本文件的路径 实例01 编写第一个JavaScript程序，在Dreamweaver工具中直接嵌入JavaScript代码，在页面中输出“我喜欢学习JavaScript”。 运行结果 script type=text/javascript src=index.js/script script type=text/javascript src=D:/Js/index.js/script 相对路径 绝对路径 链接外部JavaScript文件 script type=text/javascript src=javascript.js/script 语法格式 外部JavaScript文件路径 实例02 在HTML文件中调用外部JavaScript文件，运行时在页面中显示对话框，对话框中输出“我喜欢学习JavaScript”。 运行结果 script type=text/javascript alert(我喜欢JavaScript); /script 2.在script标签内部不要存在其他的JavaScript代码。 JavaScript文件 1.外部JavaScript文件中只能包含JavaScript代码，不能包含HTML和script标签。 3.在链接外部JavaScript文件时/script结束标签不能省略。 script type=text/javascript src=test.js alert(我喜欢JavaScript); /script script type=text/javascript src=test.js 不会执行，没有意义 三个注意 在HTML文档中可以在a标签、input标签中使用JavaScript脚本作为它们的属性值。 a href=javascript:alert(你好JavaScript)测试/a 作为标签的属性值使用 input type=button value=测试 onclick=alert(你好JavaScript ) / 通过“javascript:”调用 与事件结合调用 JavaScript基本语法 执行顺序 大小写敏感 空格与换行 每行结尾的分号可有可无 注释 JavaScript程序按照在HTML文件中出现的顺序逐行执行。 alert(你好JavaScript); document.write(网页特效); 先执行 后执行 在输入语言的关键字、函数名、变量时，都必须采用正确的大小写形式。 HTML不区分大小写 JavaScript区分大小写 br / a