14-JavaScript-引入

比眉伴天荒 2022-09-18 04:00 113阅读 0赞

\- 引入  
\- 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>
         
     <script type="text/javascript">
        window.alert("hello world!");
     </script>
    </head>
    <body>
    
    </body>
    </html>