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(){//如果这样声明的话,每个对象都有一个这样的代码,浪费内存
}
}
乱码问题,小解: <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(){//如果这样声明的话,每个对象都有一个这样的代码,浪费内存
}
}