14-JavaScript-引入

来源：互联网发布：网络热词怎么来的编辑：程序博客网时间：2024/05/13 14:51

- 引入
- javascript介绍
- 扩展: 花生壳
- javascript开发工具介绍
- 第一个javascript程序
- javascript的基本语法(1)

1. 引入

1)为什么要学习javascript

javascript是实现网页动态效果的基石,
在web开发中扮演重要的就是,被广泛的应用到各个领域.

① 网页游戏
② 地图搜索(google,baidu)
③ 股市信息查询
④ web聊天
... ...

js也是 ajax/jquery/extjs的基础

2) 内容

① javascript基本语法

② javascript面向对象编程

③ bom 与 dom 编程

④ 正则表达式

2. javascript介绍

1) javascript是一种广泛用于客户端web开发的脚本语言,

常用来给HTML网页添加动态功能,
比如响应用户的各种操作.

2) 什么是脚本语言

① 脚本语言介于HTML和 C/C++/Java/C# 等编程语言之间
② 脚本语言与编程语言有相似的地方,
其函数与编程语言类似,也有变量.
与编程语言最大的区别是
编程语言的语法和规则更为严格和复杂一些
③ 脚本语言是一种解释性语言,例如Python,vbscript,js.
他们不像c/c++等可以编译二进制代码,以可执行文件存在.
④ 脚本语言一般都有相应的脚本引擎来解释执行,
javascript的脚本引擎由浏览器提供

3) 什么是脚本语言- 综上

① ~往往不能单独使用,需和html/jsp/php/asp/asp.net配合使用
② ~有自己的变量函数流程控制语句(顺序,分支,循环)
③ ~是解释型语言,在执行的时候直接对源码进行执行
④ ~由浏览器的js引擎来执行的

4) javascript

① ~最主要的设计目的就是让网页中的元素可以被编程,
即, 让网页动起来.
② ~主要在客服端(浏览器)上执行.

5) 历史

最早是叫livescript,由netscape(网景)公司1996年开发.
后和sun公司合作,更名为javascript, 但跟java没什么关系.
同时微软开发的jscript与javascript的相似度达到了99%.

6) 兼容性

js是由浏览器解释执行的,因此不同类型的浏览器对js的支持不一样.

3. 花生壳

4. 开发工具参考手册

1) Visual Studio
2) Eclipse
3) 文本编辑器

参考 w3cSchool 在线文档

5. js语言的特点

1) javascript语言是简单的

2) javascript基于对象和事件驱动的(动态的)

它可以直接对用户输入做出响应,无需经过web服务器程序.
它对用户的反应进行响应,采用事件驱动的方式进行的.
事件驱动,就是指在主页中执行了某种操作所产生的动作.
事件, 比如按下鼠标移动窗口选择菜单等.
当事件发生后,可以触发相应的响应.

3) javascript是跨平台的

javascript是依赖于浏览器本身,与操作系统环境无关,
只要能运行浏览器,该浏览器支持js,则可以正常运行.

6. javascript 与 jscript 的比较

javascript是网景的,
jscript是微软的,与javascript的相似度90%以上

7. hello world

1) JS代码用<script>包裹

2) JS可置于任意位置, 推荐<head>标签体内.

3) <script>可以有多个

4) window.alert("");
参考: http://www.w3school.com.cn/htmldom/dom_obj_window.asp

<html><head> <!-- JS 代码一般置于head标签体内 -->     <script type="text/javascript">    window.alert("hello world!"); </script></head><body></body></html>