JavaScript概述
什么是 Javascript
. JavaScript 是一种网页编程技术,用来向HTML 页面添加交互行为。
. JavaScript 是一种基于对象的事件驱动的解释性脚本语言,具有与Java和C语言类似的语法
-- 直接嵌入 HTML 页面
-- 由浏览器解释执行代码,不进行预编译
JavaScript 发展史
. JavaScript 的正式名称是 "ECMAScript",
此标准由ECMA 组织发展和维护
. ECMA-262 是正式的JavaScript 标准
. 此标准基于 JavaScript(Netspace)和JScript(Microsoft)
-- 网景公司在 Netscape2.0首先推出了 JavaScript
-- 微软公司从IE3.0开始提供对客户端JavaScript的支持,
并另取名为JScript
JavaScript 的特点
. 可以使用任何文本编辑工具编写,值需要浏览器就可以执行程序
. 解释执行: 事先不编译,逐行执行
. 基于对象: 内置大量现成对象
. 适宜:
-- 客户端数据计算
-- 客户端表单合法性验证
-- 浏览器事件的触发
-- 网页特殊显示效果制作
第一个 JavaScript 程序
. 事件定义方式
. 嵌入式
-- 使用 <script> 标签
. 文件调用式
-- 代码位于单独的 .js文件
-- html 页面引用 js 文件
事件定义方式
. 在定义事件时直接写入 JavaScript脚本
<html>
<head></head>
<body>
<form>
<input type="button" value="第一个按钮" οnclick="alert (hello,world);">
</form>
</body>
</html>
嵌入式
. 在页面上嵌入<script></script> 标签
-- 标签中方式JavaScript 代码
<html>
<head>
<script type="text/javascript" language="javascript">
function firstFunc(){
alert("Hello world.");
}
</script>
</head>
</html>
文件调用式
将 JavaScript 代码写入一个单独的文件,并保存为 .js 后缀
-- 外部文件不能包含<script>标签
function firstFunc(){
alert("hello world!");
}
myJs.js文件脚本文件中不需要脚本开始和结束声明
文件调用式
html 页面的 <head> 中引用外部的.js文件
-- 在 <head> 中添加 <script> 标签
-- 并设置<script>标签的"src"属性,以指定js文件的url
<html>
<head>
<script language="javaScript" src="myJs.js"></script>
</head>
<body>
</body>
</html>
项目案例:
JavaScript 的 HelloWorld
1. 创建 html 页面;
2. 为页面添加三个按钮
3. 为按钮定义单击事件,并分别用三种方式添加 JavaScript 代码,以弹出
Hello World 。
JavaScript 的代码错误
. 解释性代码,代码错误,则无效果
. IE浏览器
-- 使用开发工具
. Firefox 浏览器
-- 使用错误控制台查看