Html+css+javascript个人学习笔记

html空格&nbps或者全角的空格
乱码问题，小解： <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
输入框的类型：text,password,hidden,checkedbox,radio,submit,reset,image


搜索引擎看的关键字
<meta http-equiv="keywords" content="关键字1 关键字2">


让鼠标在标签上面时改变span样式：
<a href="#"><span>点击</span></a>
a:link span{
color: blue;
}
a:hover span{
color: red;
}
让a没有下划线
a:link{
text-decoration:none;
color:black;
}


span a是行内元素，其作用大小与内容一致,默认不换行
div p是块内元素，无论多大都会单开一行
块元素与行内元素的转换
行内变块元素   display：black
块元素转行内元素     display：inline     div不占一行
在div中加入float:left也可以让div同一行显示




body中加入margin:0 auto/***0表示上下外边距为0 左右为自动        可有内容居中(行)**********/




float:right是让元素向右浮动，到了边界就停止了
在div中加入float:left也可以让div同一行显示




div加了浮动后，后面的内容会跑上去，这时要后面的元素要加入一个值：clear: both;来消除float


定位 relative 和absolute  有left 和right属性
relative  是相对于自己 原来的位置
absolute  是相对于离自己最近的非标准流，比如Body，relative的元素
static 是默认的定位，没有left和right属性
fixed:  是固定的，相对于窗口定位.与Body为基准




js类型统一用var用，也可以不声明
js的数据类型是有js引擎决定，前后不同的var前后类型可以不同
对于同一个var变量




window.prompt()
确定对话框，如果确定，返回输入的字符串，
如果取消，返回null


window.confirm()
确认对话框，如果确定，返回true，如果取消，返回false


||返回第一个不为false的值，或者是最后一个表达式的值
获得浏览器的高度(解决了不同浏览器之间的兼容性)
var w=window.innerWidth|| document.documentElement.clientWidt|| document.body.clientWidth;
var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;






在逻辑运算中 0 false "" NaN null undifine表示假
 


用typeof可以知道var的数据类型 有number、string、object等Date也是object类型的
用 变量名.consturctor可得到变量的构造函数，故可知道其类型


parseInt() parseFloat()可字符串解析为int和float


document.write和documentln当再次加载时，会重新刷新整个页面，不同重新载入Body值


eval()会把字符串当作命令来使用


escape()和unescape()往往配合使用，可以防止乱码出现


关于浏览器打开的大小，位置等可以确定
window.moveTo()//浏览器位置
window.resizeTo()//浏览器窗口大小


函数可以赋值给一个变量，那个变量也是函数




js函数参数可变
arguments.length可以得到参数的个数
arguments是参数的数组
js的参数个数不重要，重要的是函数名，如果两个函数名相同，参数个数不同，视为同一函数，应该报错。（我试的时候后


面的覆盖前面的）


可以把 字符串分割成字符串数组
   变量名.spilt("");分隔符，如果不写，说明一个一个字符分割。


数组下标可以不是数字，可以使字符串


数组直接可以声明var arr=[1,1,1,1];   var arr=new Array();  var arr=new Array(1,1,2,2);
数组的控制  加一个元素arr.push(1)    删除一个元素arr.pop();会返回最后一个值。


js的类与对象
类的声明
function A(){}
对象的属性可以动态变化，随时加属性
使用类 var objA=new A();   objA.name="lh"; objA.age="22";   name、age两个是类中没有声明的，对象新增的。
类的属性访问方式   类名.属性名      类名["属性名"]


js的对象垃圾释放机制，提供主动释放内存,通过delete可以删除对象的属性
delete a.name//释放或删除a对象的name属性


类的声明
function Person(name,age){
this.name=name;
this.age=age;
this.show=function(){//如果这样声明的话，每个对象都有一个这样的代码，浪费内存

}
}