写在前面:
不管容易还是简单
总要尝试才知道答案
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)负责内容应该如何响应事件这一问题。
②分离
在所有的产品设计活动中,选择最使用的工具去解决问题时最基本的原则,