javascript基础知识

256 阅读3分钟

一、javascript(js)是什么 是基于对象和事件驱动的语言,

  • 基于对象:提供很对对象,直接拿来用,像String对象,可以直接拿来使用其中的一些方法,如字符串分割等
  • 事件驱动: 网页动态效果
  • 客户端: 浏览器中

javascript和java没有任何关系,就像 雷锋和雷峰塔,只是名字一样而已。

javascript 的组成:

  • ECMAScript : ECMA 组织机构 规定的 js语法
  • BOM : (broswer object model )浏览器对象模型
  • DOM : (document object model)文档对象模型

二、javascript 与 HTML 的结合 第一种方法:

在HTML网页中 用 直接编写js代码

HTML 代码 1 2 3 4 5 6 7 8 9 10 第二种方法:

在外部创建一个.js 的文件,里面直接编写js 代码 。 HTML网页直接用 将 .js文件引进来

HTML 代码 1 2 3 4 5 6 7 8 9 NOTE : 可以放在HTML 中的任意位置,如放在 中, 中 ,但是最好放在 的后面,因为HMTL是从上向下解析,如果 js 代码放在前面,可能 某些需求会变的难以实现 。 另外, 中的type="text/javascript" 属性对于现代浏览器来说可以省略。

三、javascript 语法简单说明 该语法详细部分请参考 W3S 手册

文中该语法部分在W3CSchool 参考文档中的 正文标题javascript—–课程表——javascript——–js教程 部分

(一)、原始类型 和 声明变量 无论声明何种类型,全部都用关键字 var 五种原始类型;

  • String : var str = " abc " ;
  • number :var n = 123.25 / 123 / 123e5 ;
  • boolean :var flag = true / false
  • null : var a = null ;
  • undifined :var aa ;

可以用 new 对象来声明变量,如 :var n = new Num() ; 、var date = new Date () ;

(二)、三大语句 以下语句在javascript中同样适用:

if...else.. if ...else if ...else... for (){...........}
while(){.........} do{.......}while() switch(a) { //a可以是字符串,区别于java,不过java中jdk1.7 开始支持了 case 1: break; case 1: break; default: ...... } (三)、运算符 不做太多详述,查 W3S 手册 , 这里只做几点不同的说明:

  • javascript中不区分整数和小数,比如: 123 / 1000 的结果是0.123, 而不是0 。
  • 字符串在相加时,是做字符串的链接 ; 相减时是做运算 。 比如 : var str =" 123 " , str+1 的结果是 1231 , 而 str-1的结果是 122 。
  • == 比较的是值,===比较的是值和类型

(四)、数组 数组的定义:

  • var arr = [1,"hello",true] 、 var arr = [1,"hello",true]
  • 使用Array对象(后面详述) var arr1 = new Array(5); arr1[0] = "1";
  • 使用Array对象(后面详述) var arr2 = new Array(3,4,5);

需要说明的是 数组可以存放不同类型的数据

(五)、函数 关键字 function :

  • function 方法名(参数值) { 方法体 }
  • 匿名函数fuction (参数值) { 方法体 }(通常只用一次,不希望再被调用,有些大型项目,给方法起名字确实是个头疼活)
  • 动态函数(用的很少) var add = new Function("参数列表","方法体和返回值"); ———————