javascript学习笔记

javascript

为什么要学习javascript:

Javascript是实现网页动态效果的基石,在web再发中扮演重要的角色,被广泛的应用到各个领域:

  • 网页游戏
  • 地图搜索(google、daidu)
  • 股市信息查询
  • Web聊天

……

在web开发中,js是必不可少的技术!同时js也是ajax/jquery/extjs等框架的基础。

 

学习内容:

⊙javascript基本语法

⊙javascript面向对象编程

⊙bom与dom编程

⊙正则表达式

 

javascript介绍-基本介绍

⊙javascript是一种广泛用于客户端web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。

脚本语言是什么?

  • 脚本语言介于HTML和C,C++,JAVA,C#等编辑语言之间
  • 脚本语言与编程语言有相似的地方,其函数与编程语言类似,也有变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。
  • 脚本语言是一种解释性语言,例如Python、vbscript,javascript等等,它不像c/c++邓可以编辑成二进制代码,可以执行的文件存在。
  • 脚本语言一般都有相应的脚本引擎来解析执行,javascript的脚本引擎就是浏览器
  • javascript最主要的设计目的就是让网页中的元素可以被编程,也就是让网页动起来,甚至你可以编写js版本的坦克大战游戏。
  • javascript不能独立运行,他要嵌入其他编程语言中才能运行(html、asp、asp.net、jsp、php…)
  • javascript只能用于b(brower浏览器)/s(server服务器)开发,即我们常说的web开发(比如网站开发,web应用等)
  • javascript主要针对客户端编程,也就是说js运行一般在客户端
  • javascript也可以对服务器编程(比较少!)
  1. 脚本语言往往不能独立使用,他和html/jsp/php/asp/asp.net
  2. 脚本语言有自己的变量,函数,控制语句(顺序、分支、循环)
  3. 脚本语言实际上是解释性语言(即在执行的时候,直接对源代码进行执行)
  4. java程序.java->.class->jvm   javascript->浏览器(js引擎来解释执行的)

**js在客户端(浏览器)执行原理图

javascript学习笔记_第1张图片

➡ 因为浏览器的差异,我们会看到在不同的浏览器中使用js编辑,会有差异,比如:在某个控件绑定响应时,w3c dom标准是addEventListener(),而在ie使用attachEven(),还有就是有些方法在ie中可以使用,而在ff中却不能使用,这些都是我们在实际开发中要注意的问题。

因为js是由浏览器解释执行的,因此这里右一个问题,不同的浏览器可能对js的支持不一样。

 

js的开发工具选择

  1. 记事本
  2. eclipse

 

案例1:打开网页出现hello world!

<head>
    <title>texttitle>
   
   
<script language="JavaScript">
        window.alert("hello world!");
    script>
    <link rel="stylesheet" type="text/css" href="my.css">
head>

问题:

  1. js的位置

可以随意

  1. js必须用

标签包起来,如果没有包起来,则浏览器则视其为普通文本。

  1. 在一个html文件中(jsp/php/asp)可以出现多对

你可能感兴趣的:(前端)