css和javascript的一些笔记（一）

css和html结合方式

<style type="text/css">
div{}
</style>

2、优先级后加载的高

3、css的基本选择器

id选择器 #名称{}

4、css的扩展选择器（了解）

关联选择器*嵌套标签的样式设置

组合选择器*不同标签设置相同的样式

伪元素选择器

5、css的盒子模型

边框 border

内边距 padding

外边距 margin

6、漂浮

float:left:下面跳到右面 right

7、定位 position: absolute relative

js

*结合方式

<script type="text/javascript"> js代码；</script>

*数据类型

string number boolean null undifined

定义变量用var

js的运算符

字符串相加：连接

字符串相减：相减运算

1、 ==只判断值

===判断值和类型

2、 java 123/1000*1000=0

js 123/1000*1000=123//js不分整数和小数

3、 js的数组

一: var arr = [1,2,3]; var arr = [1,"aa",true];
二: 使用内置Array对象 var arr = new Array(5);5是长度
三: 使用内置对象array var arr = new Array(3,4,5); 数组里的元素是3，4，5

有属性length

数组里可以存放不同的类型

4、js的函数

** 三种方式 参数不用写类型

一：使用关键字function 方法名(参数列表){

方法体；

返回值可有可无

}

function add1(a,b){
var sum=a+b;
alert(sum);
}

二: 匿名函数

var 方法名 = function(参数列表){

方法体和返回值;

}

三: (用的少) ：动态函数

var 方法名 = new Function(“参数列表”,”方法体和返回值”)

5、js的全局变量和局部变量

**全局变量：在script标签里面定义的一个变量，这个变量在页面中的js部分都可以使用

**局部变量：在方法内部定义的一个变量：只能在方法内部使用，在方法外部调用会出错

6、script标签放在的位置 哪里都可以放。但是建议放在后面

8、js的string对象

var str =“ａｂｃ＂　有ｌｅｎｇｔｈ属性

方法:（1）与html相关的方法

-bold();加粗

-fontcolor(“color”)设置字体颜色

-fontsize(1-7) 字体大小

-link(“hello.html”)将字符串显示为超链接

-sub() sup()上标和下标

（2）与java相似的方法

-concat()；链接字符串

-charat()返回指定位置的字符串 字符位置不存在时返回空字符串

-indexOf()返回字符串位置

-split() 切分字符串成为数组

-replace()替换字符串 传递两个参数

-substr(2，3) 从第2位开始截取3个字符

-substring(3,5)从第3位开始截取5-3个字符

## 9、js的Array对象 ##

创建数组

var arr1 = [1,2,3]

var arr2 = new Array(5)长度是5

length属性

方法：

-concat连接两个数组

-join() 添加分隔符

-push() 向数组末尾添加元素。返回数组新的长度 当加入数组时，作为整体加入。算一个元素

-pop（）删除最后一个元素，返回删除的元素

-reverse()颠倒数组的顺序

## 10、js的Date对象 ##

var date = new Date();

date.toLocaleString() 转为我们习惯的格式

**得到当前的年

date.getFullYear()返回四位数字

**得到当前的月

返回的是0-11

date.getMonth()+1

**获取当前的日

getDate() 号

**获取当前的星期

getDay()+1