昨日回顾 position：定位 position:static; position:absolute; 设置元素为绝对定位
1、 相对于具有定位方式为absolute、relative的最近父元素进行定位;如果没有这样
的父元素，相对于文档左上角。
2、 元素设置为绝对定位后，其他的元素会填充其位置。 3、 一个行元素设置为绝对位后会自动变为块元素。
position:relative;
1、 相对定位相对于本身在原文档中的位置
2、 元素设置为相对定位后，其后的元素不会填充其位置
position:fixed;
1、 元素设置为固定位置后，相对于浏览器窗口左上角 2、 元素设置为固定定位后，其后元素会来填充其位置
当一个元素仅设置定位方式时，元素的位置默认不变，只有当为left、top、right、botom设置值时，元素才会进行定位
如果想让元素实现动画效果，元素必须设置为相对定位或绝对定位 display:设置元素的显示方式 display:none; 设置元素不显示 display:block; 将元素调置为块元素 display:inline; 将元素设置为行元素 overflow:hidden; overflow:scroll; overflow:auto; overflow-x: overflow-y:
设置元素内容超出元素的范围时隐藏 清除内部元素的浮动 设置滚动条
设置水平滚动条 设置垂直滚动条
处理浏览器兼容性： 1、 初始化
2、 使用通用的属性 3、 CSS hack 针对不同浏览器书写不同代码
IE6、IE7、FireFox
CSS Hack书写顺序： Firefox > IE7 >IE6
程序语言与标签语言的区别： 标签语言，不涉及逻辑与变量 程序语言，有变量，语法结构
JavaScript
JS概念： JS是一种轻量级的、基于对象、跨平台、事件驱动式、客户端脚本语言 轻量级：就是只这种不需安装，浏览会内置一个JS的解释器 基于对象：面对对象的纯度没有Java这种纯面向对象语言那么高 class 由类产生 对象 js中没有class概念 却可以创建 对象 跨平台：js可以运行在html、web服务器，服务器、pc、平板电脑、智能手机。 客户端脚本语言：脚本语言有两种，一种是服务器端php，另一种是客户端 事件驱动：事件驱动也叫事件触发，由事件触发执行某段js代码 (Object)对象：计算机之外的世界，现实世界由一个物质世界，任何一个物体或事务都有与之相关的属性和行为相关联。当我们描述每一个对象时，通常会说某某某的重量，某某某的身高，某某某的年纪，某某某的微笑。这是一种很合适的逻辑，能够清楚而准确的描述主体与附属在主体上的属性。 在计算机中，程序就是人的思维，谁写的程序这个程序主是谁思维，为了计算机程序逻辑更合理，再容易理解和使用，让程序代码更接近人的思维，就将现实世界中的对事物的描述引入计算机世界，形一种语法结构。 为什么要使用JS JS诞生最主要的原因是解决浏览器数据验证的问题 网面上有很绚丽的特效，滚动文字，和一些动态的内容，都是让js形成。提高了用户访问网站的体验，增加网站对用户的吸引。
JS能作什么
1、 可以动态生成HTML元素
2、 可以动态更改HTML元素的内容 3、 可以动态更改HTML元素的属性 4、 可以动态更改HTML元素的CSS样式 5、 AJAX(就业班)
标签 常用属性： type: 定义当前文档与被引入该当的关系 取值:text/javascript //此脚本语言为javascript 如果省略，浏览都会默认为javascript脚本语言
href: 被引入外部资源 language：取值javascript
//此属性被W3C弃用
标签可以们于文档中任何位置，强烈建议书写在
标签中 js的语法规则：1、 js是大小写敏感的
2、 js每条语句后都可以使用”;”表示语句结束，为了代码完善与强建，强烈建议每条语
言使用”;”结束 JS的阻塞加载与执行效率 1、HTML文档是自由而下一行一行执行的，当
标签中有对js代码的引入，此请求发出后且得到答应后，才会渲染(显示)body标签中的内容 2、不要将一个js分成多个文件书写，会增服务器负担，增加http请求次数JS的引入方法
1、 外部引入
一个script标签要么引入外部js文件，要么书写内部js代码 2、 内部引入
3、 行内引入
js的注释 有二种：
1、 单选注释
//注释内容
2、 间行或多行注释
/*注释内容*/
数据类型
计算机最主的功能是使用程序来处理并显示数据。程序只有两部分，一是代码，另一个是数据。在计算机信息就叫数据。数据有三种来源，用户输入，从数据库读取，程序生成。
姓名：zhangsan 年龄：28 性别：男 婚否：未婚 成绩：90
在js中数据分为三大类八小类
一、基本数据类
1、数值型(number)
a、整型(integer) 整数
例: 30 20 100 0xfff(十六进制) 012743(八进制) 取值：可以是任何数值 100 2200 两个特殊的值： NaN: Not a Number 不是一个数 Infinity： 无穷大
b、浮点型(float) 小数 例：23.87 45.65 取值：任何小数
2、字符型(string) 就是使用双引号或单引号括起来的一串字符 例： “zhangsan” ‘zhangsan’ ‘30’ 取值：任何带引号的字符串 var a=’’; 3、布尔类型(boolean) 就是表示事物两种状态： 是非、对错、真假 取值：true、false 布尔类型让程序具有了判断能力
“20”
二、特殊数据类型 undefined 未定义 取值：undefined; null 空
三、复合数据类型
基本数据类型的组合 a、 数组 (array)
一组有序数据组的组合 例:
var arrA=[1,2.3,true,false,’zhangsan’];
b、 对象 (object)
var objA={name:’zhansan’,age:28,sex:’男’,marriaged:true};
c、 函数 (function)
function 函数名(){ //函数体，函数所完成功能的代码 }
变量
程序主是取得数据，并进行处理。取得数据后，数据需要有一个存储的位置。 变量就是内存中临时存放数据的空间。内存中每个存放数据的空间都会有一个名子，这个名子叫变量名。 变量的定义： 语法： 1、var 变量名; //声名一个变量 var是系统关系字，用于定义变量 例：
var name;
name=”zhangsan”;
2、var 变量名=值; 在声名变量时直接为变量赋值(变量初始化) 3、var 变量名=变量; 使用已有的变量为变量赋值
“=”此符号叫赋值符号，将赋值符号右边的数据赋值给左边的变量
var x+yuen=200; //此种方法错误
变量的命名规则：
1、 变量名只包含字母、数字、_(下划线) 2、 变量名只能以字符和_开头
3、 变量名不能是js语言中的关键字或保留字
变量命名方法 匈牙利命名法 变量类型+变量名 例：objDiv iAge
bMarriaged
相关推荐：
loading