写在前面:

不管容易还是简单

总要尝试才知道答案


1、JavaScript初探

JavaScript:轻量级脚本语言,是可插入HTML页面的编程代码。

将JavaScript插入HTML页面后,可由所有的现代浏览器执行。

2、对变量进行声明

var mood,age; 
 
 
 

   var mood; 
 
 
 

   var age; 
 
 
 

   var mood = "happy"; 
 
 
 

   var age = 33; 
 
 
 

   var mood = "happy",age = 33;


 



JavaScript不需要进行类型声明,因此它时一种弱类型(weekly typed)



 



①字符串



单引号与双引号毫无区别,若字符串中包含单引号,则一般使用双引号。


var mood = "don't ask";



若要使用单引号,则需要对特殊符号进行转义:



var mood = 'don\'t ask';



作为一个好的编程习惯,不管选择用双引号还是单引号,都应当在整个脚本中保持一致。



 



②数值



如果想给一个变量赋数值,不用限定它必须是一个整数,JavaScript允许使用带小数点的数值,并且允许任意位小数,这样的数成为浮点数(floating-point number):



 



var age = 33.25; 
  
 
  

    var temperature = -20; 
  
 
  

    var temperature = -20.3333333



③布尔值



另一种重要的数据类型时布尔(boolean)类型



var sleeping = true;



 



var married = true;



 



④数组



 



字符串、数组和布尔值都有标量(scalar),如果某个变量时标量,它在任意时刻都只能有一个值,若需



var beatles = Array(4);



 



无法预知某个数组有多少个元素,JavaScript根本不要求在声明数组时必须给出元素个数时,可以在声明数组时不给出元素个数:



var beatles = Array();



 



根据这个位置都有这个元素的下标(index),数组里一个元素的一个下标,下标必须用方括号括起来:



 



array[index] = element;



声明方式:



(1)



var beatles = Array(4); 
  
 
  

    beatles[0] = "John"; 
  
 
  

    beatles[1] = "Paul"; 
  
 
  

    beatles[2] = "George"; 
  
 
  

    beatles[3] = "Ringo"; 
  
 
 

   (2) 
 
 
 

    var beatles = Array("John","Paul","George","Ringo"); 
  
 
  

    var years = [1940,1941,1942,1942]; 
  
 
  

    var lennon = ["John",1940,false];



数组中还可以存储


var lennon = Array(); 
  
 
  

    lennon["name"] = "John"; 
  
 
  

    lennon["year"] = 1940 
  
 
  

    lennon["living"]= false



 



⑤对象



 



var lennon = {name:"John",year:1940,living:false};


用对象来代替传统数组,可以通过元素的名称而不是下标数字来引用它们,大大提高了脚本的可读性。



 



3、操作



 



①算数操作符



 



+



相加或字符串拼接



在数值与



 



4、nodeType



 



nodeType属性总共有12种可选值,但其中仅有3种,它们是:元素节点(1),属性节点(2),文本节点(3)。



5、学习JavaScript/前端应当注意:



 



①平稳退化



借鉴CSS,在禁用了JavaScript的情况下也能正确显示



②合理分离



将JavaScript与表现分离



③向后兼容



④性能考虑



 



6、同源协议



①定义及用处



协议相同



域名相同



端口相同



用途:信息安全



 



②限制范围:



(1)Cookie、LocalStorage、IndexDB无法读取



(2)DOM无法获得



(3)AJAX请求不能发送



 



7、CSS-DOM



①三位一体的网页



 



我们在浏览器中看到的网页其实是由结构层、表示层、行为层三者构为一体的。1



结构层(structural layer)由HTML或XHTML之类的标记语言负责创建,使用标签负责创建网页。



表示层(presentation layer)由CSS负责完成。



行为层(behavior layer)负责内容应该如何响应事件这一问题。



 



②分离



在所有的产品设计活动中,选择最使用的工具去解决问题时最基本的原则,