响应式网页开发基础ch2.pptVIP

JavaScript的BOM与DOM screen对象 screen对象用来表明客户端显示器的能力。多用于测定客户端能力的站点跟踪工具中。包括浏览器窗口外部的显示器的信息，如像素宽度和高度等 * 属性 说明 height 获得屏幕的像素高度 width 获得屏幕的像素宽度 availHeight 屏幕的像素高度减去任务栏高度之后的值 availWidth 屏幕的像素宽度减去任务栏宽度之后的值 第2章 JavaScript基础 * 响应式网页设计基础 初识JavaScript JavaScript：直译式、用于Web客户端、面向对象、解释型的程序设计语言，可直接由浏览器解析执行。 * 初识JavaScript JavaScript在网页中的引用方式 页面内嵌 外部引用 行内伪URL引入 javascript:要执行的代码… * 初识JavaScript 常用的输入/输出语句 警告对话框alert() 提示对话框prompt() 确认对话框confirm() 输出语句document.write() * JavaScript编程基础 JavaScript中的变量 可以存放不同类型的数据 在JavaScript中，变量通过使用var关键字来声明： var 变量名; 变量的命名规则: （1）变量首字母必须使用字母、下划线（_）或者美元符（$）。 （2）余下字母可以使用任意多个英文字母、数字，或者美元符（$）组合。 （3）不能使用JavaScript关键词与JavaScript保留关键字命名变量。 （4）在JavaScript中变量的命名区分大小写，如变量box1与Box1是不一样的，表示的是两个不同的变量。 * JavaScript编程基础 JavaScript是一种弱类型控制的语言，在JavaScript中一个变量可以根据需要存放不同类型的值，进行自动的类型转换，而不需要另外的强制类型转换。 可用typeof()检测变量当前存放的数据类型 JavaScript的基本数据类型：string（字符串类型）、number（数值类型）、boolean（布尔类型）、undefined（未定义类型）、null（空类型）、object（对象类型） * 字符串 描述 string 字符串 number 数值 boolean 布尔值 undefined 未定义 object 对象或null function 函数 JavaScript编程基础 常见的运算符 一元运算符：递增++和递减— 算术运算符：加（+）、减（-）、乘（*）、除（/）、求模（取余） 关系运算符：小于（）、大于（）、小于等于（=）、大于等于（=）、相等（==）、不等（!=）、全等（恒等）（===）、全不等（不恒等）（!==） 逻辑运算符：与（）、或（||）、非（!） 赋值运算符：= 三元运算符：条件表达式 ? 表达式1 : 表达式2 * JavaScript编程基础 流程控制语句 判断、循环等 常用的流程控制语句：if语句、switch 语句、do…while 语句、while语句、for语句、for…in语句、break和continue语句、with语句 * JavaScript编程基础 函数定义： function 函数名(形参1,形参2,…,形参n) { //函数代码; } 函数调用： 函数名(); 函数使用 function 关键字来声明，函数声明包括函数名、参数列表等。函数可以通过return语句得到返回值，但并不需要在函数声明时指定是否有返回值及返回值类型。 * JavaScript编程基础 常用JavaScript内置对象 Array对象：数组 Date对象：时间和日期 Math对象：数学计算 String对象：字符串 * JavaScript编程基础 Array对象 如果要同时储存多个数据，可以使用数组变量，一个数组变量可以存储多个数据（可以是不同类型的数据）。 使用数组之前，首先要创建数组，并把数组本身赋给一个变量。 * JavaScript编程基础 Array对象的常用方法 * 方法 描述 concat() 连接两个或更多的数组，并返回结果 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素，并返回新的长度 reverse() 颠倒数组中元素的顺序 shift() 删除并返回数组的第一个元素 slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序 splice() 删除元素，并向数组添加新元素 toSource() 返回该对象的源代码 toString()