标签：
* CSS 指层叠样式表
样式表：存储样式的地方
层叠：一层一层叠加
高大富有帅气人
*CSS就是用来更加方便修饰HTML标签（元素）
选择器名称 { 属性名：属性值；属性名：属性值；…….}
属性与属性之间用 分号 隔开
属性与属性值直接按用 冒号 连接
如果一个属性有多个值的话，那么多个值用 空格 隔开。例如： border:5px solid red;
注释：/* 注释内容*/
加注释：ctrl+shift+/
取消注释：ctrl+shift+\s
*CSS必须结合HTML来用。
*4种使用方式：
*适合局部某一个标签的修改
*<font style="font-size:150px;color: red;">今天天气好晴朗</font>
*<style></style> 存在于head标签之中的
*例如：<style type="text/css">
font {
font-size:150px;color: red;
}
</style>
*页面的多个标签设置统一的样式。
*格式：@import url("CSS文件路径");
*存在于<style>标签中
*格式：<link rel="stylesheet" type="text/css" href="CSS文件路径"/>
*存在于<head>标签中
外部样式好处：
大大提升了代码的复用性，更加易于维护，从而极大提高工作效率
样式优先级：
内联样式》》内嵌样式==链接样式（就近原则）
链接方式和导入方式区别：
1、链接方式引用的CSS会被同时加载。而导入方式引入的CSS在页面全部加载完以后才会加载，在网速较慢时会出现网页没有样式的情况。（导入方式硬伤）
2、链接方式支持JavaScript修改样式，而导入方式不支持（导入方式硬伤）
3、链接方式导入的CSS任何浏览器都OK，而导入方式要求浏览器版本必须在IE5以上
建议使用链接方式
*CSS选择器：指定了CSS样式作用于哪个HTML标签上
*就是把HTML标签名作为选择器名称
*格式： 标签名 {}
*样式格式： .class名{}
*标签格式： <p class=”class名”></p>
*能设置不同标签的相同样式
*样式格式： #id名{}
*标签格式：<p id=”id名”></p>
*有针对性地设置样式
*根据标签名和标签的属性名以及属性值来选择
*样式格式：标签名[属性名称=’属性值’]
*HTML预定义的选择器
*格式：标签名:选择器{}
*选择器名称为 HTML标签的状态。例如：a:link{}表示链接标签在未访问过 时的样式。
!important 可以将优先级提到最高
例如：color:red !important;
*JavaScript是因特网上最流行的脚本语言。
*脚本语言不能单独使用，必须嵌入到其他语言中组合使用
JavaScript不能单独使用，必须和其他语言（HTML）结合使用
*JavaScript由浏览器直接解释执行，不用编译（解释一条，执行一条。故写代码时能用一条语句就不要用两条语句）
链式编程的可读性非常差。
要在可读性和执行效率之间做取舍
*作用是：可以控制前端页面的逻辑操作
例如：JS可以控制CSS的样式；
JS可以对表单项进行校验（JAVAEE重点）
JS可以对HTML元素进行动态控制
*特点：
交互性（JavaScript控制HTML元素）
安全性（没有访问系统文件权限，无法用来做厉害的木马病毒）
跨平台性（浏览器有JS的解析器，只要有浏览器就能运行JS代码，和平台无关）
*ECMAScript (核心)：描述了JS的语法和基本对象。
*DOM 文档对象模型：处理网页内容的方法和接口
*BOM 浏览器对象模型：与浏览器交互的方法和接口
*JavaScript和Java一点关系都没有（雷锋和雷峰塔）
*JavaScript和Java的区别：
>JavaScript代码可以直接在浏览器执行，而Java必须先经过编译才能执行
>JavaScript是弱类型语言，Java是强类型语言
强类型语言：要求变量的使用严格符合定义。（例如：变量声明为INT类型，装载其他类型例如String类型就会报错）。编程时痛苦，调BUG时舒服
弱类型语言：不要求变量的使用严格符合定义。（例如：变量声明后储存数字可以，储存字符串也可以）。编程时舒服，调BUG时痛苦
JavaScript示例代码
<html>
<head>
<script>
var sum = 0;
for(var i = 1; i <= 100; i++) {
sum += i;
}
alert(sum);
</script>
</head>
<body>
</body>
</html>
l 两种使用方式
>内部使用
*<script type=”text/javascript”>JavaScript的代码</script>
>外部引用
*<script type=”text/javascript” src=”javascript文件路径”></script>
*外部引用时script标签内不能有script代码，即使写了也不会执行，会被覆盖
注意：<script>标签写在任意地方都可以，但是要注意HTML和JAVASCRIPT的加载顺序
扩展：
如果JavaScript代码没有用到任何的HTML元素，那么放在哪里都可以
如果JavaScript代码用到了某个HTML元素，那么必须保证该HTML元素先加载。
*单行注释
//
Myeclipse快捷键 ctrl+shift+c
*多行注释
/* */
Myeclipse快捷键 ctrl+shift+/
取消： ctrl+shift+\
*标示内存中的一块空间，用于存储数据，数据是可变的
*格式：
var 变量名 = 变量值;
JavaScript中的变量声明可以用var关键字（不用var声明的都是全局变量）
变量的数据类型分为：原始数据类型
引用数据类型
类似于JAVA中的基本数据类型。（所有的值存在于内存栈区，大小固定，用于速查）
string
字符串类型
“”和’’都表示字符串
boolean
布尔类型
true,false
number
数字类型
整数、小数和NaN（Not a Number）
NaN!=NaN
Null
空，对象的占位符
表示引用类型的对象不存在
一般用于进行废除对象。（即每当一个对象不用时，手动设置其为空，在函数结束或者其他情况，无用存储单元收集程序会将其回收）
undefined
值未定义。即声明变量未赋值，系统会自动赋值undefined
变量声明未赋值时使用/对象的属性未赋值时使用 都会出现undefined
Undefined是一个默认的值
但如果变量 未声明 就使用，JavaScript会报 变量未定义并截停代码。
例如：alert(str);//JavaScript代码在此行停止解析运行，并抛出 变量str未定义 的错误
undefined容易和 变量未声明就使用 混淆
变量声明未定义：
var str;
alert(str);//undefined
变量未声明就使用：
alert(aaaccc);//报错，并且截断JAVASCRIPT代码
undefined==undefined
注：变量就像一个盘子，什么都能盛装。
变量值的类型可以用typeof()来判断。例如:var str=”aa”;alert(typeof(str));//string
变量的大小写是敏感的，yy和YY不是一个变量。
为什么 typeof 运算符对于 null 值会返回 "Object"。这实际上是 JavaScript 最初实现中的一个错误，然后被 ECMAScript 沿用了。现在，null 被认为是对象的占位符，从而解释了这一矛盾，但从技术上来说，它仍然是原始值。
undefined是从null派生出来的，因此你在判断时 null==undefined得到的结果是true
引用类型通常叫做类（.class），遇到引用值，所处理的就是对象。但从传统意义上来讲，JavaScript并无真正的类。
例如：var obj = new Object();//由java转来的工程师写的
var obj = new Object;//由JS工程师写的
上下两个效果等价
对象定义：由new关键字加上要实例化的对象名进行创建。
例如：var flag = new Boolean(“false”);
Alert(flag);//true
常用对象：
String,Number,Boolean,Array,Date,Math,RegExp
注：instanceof可以用来判断对象是否属于某类型。返回true和false .例如：
var str = new String();
Alert(str instanceof String);//true
Alert(str instanceof Object);//true
Alert(str instanceof Array);//false
1、 转换成字符串
boolean,string,number 它的原始值其实是一个伪对象，在JS中有Boolean,String,Number这样的对象，可以直接通过原始值调用其toString()方法来转换成字符串。
例如：
var flag = true;
alert(flag.toString());
var num = 10;
alert(num.toString());
开发中一般不使用，一般使用 + 运算符 加上一个字符串的形式来转换字符串。
例如：var num =10;
alert(num+””);
2、 字符串转换成数字
parseInt(string); 把string按照字面值 解析为number类型的值并返回，整数型（小数部分截掉不要）
如果string某一个字符无法按字面值解析为数字，那么从该字符开始往后截掉不要
如果string第一个字符无法被解析为number，那么返回NaN
parseFloat(string); 把string按照字面值 解析为number类型的值并返回,浮点型
如果string某一个字符无法按字面值解析为数字，那么从该字符开始往后截掉不要
如果string第一个字符无法被解析为number，那么返回NaN
3、 强制类型转换（了解）
Boolean(value) - 把给定的值转换成 boolean 型；
若value值存在或有意义，则为true；
若value值不存在或者无意义，则为false。
Number(value) - 把给定的值转换成数字（可以是整数或浮点数）。
string:字面值若能解析为数字，则正常转换。如果字面值有不能解析为数字的字符，则返回NaN
boolean:true转为1，false转为0
null:转为0
undefined:转为NaN
String(value) - 把给定的值按照 字面值 转换成字符串；
以上三种强制类型转换方法，返回的值均为原始数据类型的值
+符号
l 算术运算加（无字符串出现，把其他值强转为number类型进行加法运算）
l 字符串连接符（其中有一项必须是字符串）
l Number强转(其他类型强转number)：
例如：var str = +"11";
Var str = Number(“11”);
上下两个代码是完全等价的
-符号
l 算术运算减（会把其他值强转为number类型进行减法运算）
l Number强转(其他类型强转number，区别于+，都是负数)：
例如：var str = -"11";
Var str = -Number(“11”);
上下两个代码是完全等价的
,
== 逻辑等。比较值
=== 全等。 比较值和类型。如果值和类型都相同，则为true；值和类型有一个不同，则为false
!= 不等。比较值.值不相同，true。值相同false
!== 不全等。比较值或比较类型，如果值和类型都相同，则为false；值和类型有一个不同，则为true
练习：
var x=8;
alert(x==8);
alert(x===8);
alert(x=="8");
alert(x==="8");
alert(x!=8);
alert(x!=1);
alert(x!==8);
alert(x!==1);
alert(x!="8");
alert(x!="1");
alert(x!=="8");
alert(x!=="1");
&& 逻辑与
|| 逻辑或
！ 非
开发中以上逻辑运算符经常和if语句连用。
在IF或其他表达式中 使用以上逻辑运算符，最终都会用boolean类型运算，若不是boolean类型，则进行强转。
注：除！外不支持alert
逻辑运算符中不包含& , js中的&是位运算符
对程序运行流程控制的表达式
IF语句
if(条件){
}else{
}
练习：以下代码输出结果为：
var a=15;
if(a=15){
alert(15);
}else{
alert(“else”);
}
A. 15
B. Else
1、If里面 a=15
2、A就赋值成15
3、If(15)-----àif(true)
注：若写= 则为赋值。
IF条件中赋值会先为变量赋值，后将赋值后变量的值强转为boolean进行运算。
BUG调试一般用firebug即可
Switch语句
switch(n)
{
case 1:
执行代码块 1
break
case 2:
执行代码块 2
break
default:
如果n即不是1也不是2，则执行此代码
}
Switch会对值和值的类型进行比较（全等比较）
普通for循环：（常用）
for(var i=0;i<=8;i++){
// 循环体
}
和JAVA中仅有的区别：
JavaScript中定义变量用var关键字
for..in循环： （不常用）
类似于Java的增强for循环（但有本质区别）
For...In 声明用于对数组或者对象的属性进行循环操作。
for ... in 循环中的代码每执行一次，就会对数组的元素进行一次操作。
for(var 变量 in 对象或数组){
// 循环体
}
区别于Java：
遍历数组时，其中遍历变量代表的是数组的下标（和属性）。
例如：
数组遍历：
var p=[1,2,3];
for(var i in p){
alert("数组下标："+i);
alert("数组元素："+p[i]);
}
*var num = 10;//伪对象，值是原始数据类型
*var num = new Number(10);//值是引用数据类型，如果省略构造参数，默认为0
*var num = Number(10);//强转，伪对象，值是原始数据类型
Number属性：
valueOf()
返回一个 Number 对象的基本数字值。
*var flag = false;//伪对象
*var flag = new Boolean(false);
*var flag = Boolean(false);
注：如果构造函数省略参数，或者设置为 0、-0、null、""、false、undefined 或 NaN，则该对象设置为 false。否则设置为 true（即使 value 参数是字符串 "false"）。
* var str = "abc";//伪对象
* var str = new String("abc");//如果省略，默认为空字符串
*var str = String("abc");
String属性：
length
字符串的长度
String方法：
charAt(index)
返回指定位置的字符
concat(str1,str2,str3….)
连接字符串，并返回连接后结果
indexOf(searchvalue,fromindex)
检索字符串
replace(regexp,replacement)
替换字符串
只能替换第一次出现的字符串。
若想替换多次出现的字符串，请使用正则。
例如：
str.replace(/a/g, "f");//替换所有的a为f
【java中有replace和replaceAll两个方法，replace是用于替换单个字符的练习方法，replaceAll是开发中结合正则表达式用于替换指定规则字符的方法。
】
split( separator)
根据分隔符分割字符串为数组
substr(start,length)
截取字符串
从哪开始，截取长度
substring(start,stop)
截取字符串
从哪开始，到哪结合（包含开始不包含结束）
toLowerCase()
把字符串转换为小写
toUpperCase()
把字符串转换为大写
注：以上方法均不会对原有字符串进行更改
* js的数组对象
* var arr = [1,2,3];//数组长度为3，元素分别为1,2,3
* var arr = new Array();数组长度默认为0
* var arr = new Array(4); 数组长度是4，相当于开辟了长度为4的空间，每个元素是undefined。（仅在显示数组时进行处理，undefined为了方便显示变成了空字符串形式，其值本质仍然是undefined）
* var arr = new Array(1,2); 数组长度为2，数组元素是1,2
Array属性：
length
数组的长度
*JavaScript和Java中数组的区别：
1、数组的长度是可变的
2、数组元素可以是任意类型
练习：以下代码打印结果为：
var arr1 = new Array(4);
arr1[10]=5;
alert(arr1.length);
A.4
B.10
C.11
D.undefined
var arr1 = new Array(4);
arr1[10]=5;//arr1[4]=undefined;arr[5]=undefined...arr[9]=undefined;
alert(arr1.length);
思考：以下代码打印结果依次为：
var arr1 = new Array();
arr1[1]=10;//arr[0]=undefined; 长度为2了
arr1["name"]="jerry";
for(var i=0;i<arr1.length;i++){
alert(arr1[i]);
}
A.undefined,10
B.10
C.10,name
D.undefined,10,name
注：arr1[“key”]=value;这种形式将不再作为数组的元素新增，而是作为数组对象的属性。所以length只能统计元素个数，不能统计属性。可以通过for..in循环可以取出
Array方法
concat(arr1,arr2,arr3…..)
连接两个或更多的数组，并返回连接后的结果。
对调用的数组没有任何影响。
join(分隔符)
转化成字符串返回
对调用的数组没有任何影响。
pop()
删除并返回数组的最后一个元素
如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值
shift()
删除并返回数组的第一个元素
如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值
push(element1,element2,…..)
向数组末尾添加一个或者多个元素，并返回数组新长度
unshift(element1,element2,…..)
向数组开头添加一个或者多个元素，并返回数组新长度
不建议使用，因为部分浏览器不兼容该方法
reverse()
颠倒数组中元素的顺序。物理翻转
sort(可选排序函数)
对数组的元素进行排序
排序实现实例：
function sortNumber(a,b)
{
return a - b
}
* var date = new Date(); 当前的系统时间（本地时间）
* var date = new Date(毫秒值);设置的时间
Date方法
toLocaleString()
根据本地的日期格式转化成字符串
getDate()
返回一个月中的某一天
getDay()
返回一周中的某一天（0-6）0代表周日
getMonth()
获取月份（0-11）0代表1月
getFullYear()
获取年
getTime()
获取毫秒数
setTime()
通过毫秒数设置日期
parse(datestring)
解析字符串，返回毫秒数
Date.parse(“2005/12/31 17:07:07”);
Date.parse(“2005/12/31”);
Date.parse("7/8/2013 17:07:07");
Date.parse("Jul 8,2011 17:07:03");
Date.parse(“2012-12-31T07:07:07”);IE10支持
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>homework.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <script type="text/javascript"> var arr=[1,2,3,4]; while(arr.length!=0){ arr.shift(); } alert(arr); </script> <body> </body> </html>
JAVA Web day02--- Android小白的第二天学习笔记
标签：
原文地址：http://www.cnblogs.com/qdxx/p/5218815.html
