标签：
html-css回顾
javascript
一、html-css回顾
1、input与+，-号的写法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.sp{ /*inline-block签默认边上有3px的边距,所以就要用float*/
display: inline-block;
height: 25px;
width: 25px;
/*只有设置高度和宽度，文本才能居中*/
text-align: center;
/*让文本内容垂直方向居中*/
line-height: 25px;
/*使用float解决inline-block3px的边框的情况*/
float: left;
}
.inp{
border: 0;
border-left: solid 1px black;
border-right: solid 1px black;
line-height: 25px;
/*让input标签没有多余的边框*/
padding: 0;
margin: 0;
float: left;
}
.out{
display: inline-block;
border:1px solid black;
}
</style>
</head>
<body>
<div class="out">
<span class="sp">-</span>
<input class="inp" type="text">
<span class="sp">+</span>
</div>
</body>
</html>
二、javascript:
1、javascript可以在哪里引用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// script可以在head位置,也能写在文件中
alert(123);
// 运行就会弹出一个框
</script>
<script src="commons.js">
// 写在文件中引入的写法
</script>
</head>
<body>
<script>
// script也可以在body最后面的位置
alert()
</script>
</body>
</html>
2、javascript 写在哪里最合适
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>如果把script写在head中，会先加载js效果，然后才会显示body中的内容，
这样的话，就会影响用户访问页面的体验
</h1>
<script>
alert("如果写在body的最下面，会先加载上面的h1，然后再继续下载script里的内容");
</script>
</body>
</html>
3、变量：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var a = "abc";
// 只要有var关键字,就是局部变量
alert(a);
b = 123;
// 没有var关键字的变量就是全局变量
alert(b)
</script>
</body>
</html>
变量分为局部变量，和全局变量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function f1() {
var i = 123;
}
function f2() {
var x = 345;
}
f1();
// 即使这里执行了f1函数,也是无法调取到i这个变量，i只能在f1这个函数中才能调取使用
alert(i)
</script>
</body>
</html>
三、数字类型：
原始类型：
数字，字符串，布尔值
对象类型：
数组
"字典"
特别的，数字，布尔，null，undefined，字符串是不可变的。
null;
var a = null; alert(a);
就和python中的空是一样的，让a这本变量没有任何意义，但是自己有值
undefined
var b;
alert(b);
b得到的结果就是 undefined
简单的代码可以在阅览器的console上写
1、数字：
在javascript中数字类型包含了整数，浮点数等等这些类型
a = 123
转换：
parseInt(arg) 将某值转换成数字，不成功则NaN。
pareFloat(arg) 将某值转换成浮点数，不成功则NaN
NaN:非数字，可使用isNaN（num）来判断
Infinity: 无穷大，可使用isFinite(num)来判断。
a = "123" "123" b = parseInt(a) 123 alert(b)
NaN判断：
a = "asbc" "asbc" isNaN(a) true
isFinite(a) //判断是否无穷大
false
2、字符串
length 查看长度
obj.trim() 移除空白
obj.trimLeft() 移除左侧空白
obj.trimRight() 移除右侧空白
obj.chanAt(n) 返回字符串中第n个字符
obj.concat(value,...) 拼接
obj.indexOf(substring,start) 子序列位置
obj.lastIndexOf(substring,start) 子序列位置
obj.substring(from,to) 根据索引获取子序列
obj.toLowerCase() 大写
obj.toUpperCase() 小写
obj.split(delimiter（以什么字符进行分割）, limit（获取分割后的数量）) 分割
length 字符长度
s1 = "alex" "alex" s1.length 4
trimLeft 移除左侧空白
a = " asdf" " asdf" //定义a的时候左侧有一个空格 a.trimLeft a.trimLeft() //这时就没有了 "asdf"
charAt 获取第几个字符
a = "alex" "alex" a.charAt(1) "l"
concat(value,...) 拼接
a = "alex" "alex" b = "what" "what" c = "you" "you" d = "are" "are" x = a.concat(b,c,d) "alexwhatyouare"
obj.indexOf(substring,start) 子序列位置
x = a.concat(b,c,d)
"alexwhatyouare"
x.indexOf("alex")
0
x.indexOf("are")
11
只会找输入字符串的首字母位置
obj.substring(from,to) 根据索引获取子序列
x "alexwhatyouare" x.substring(2,5) "exw"
obj.slice() 切片和上面的substring类似
x "alexwhatyouare" x.slice(2,5) "exw"
x = "qwerasdfazc"
"qwerasdfazc"
x.split("a")
["qwer", "sdf", "zc"]
x.split("a",1)
["qwer"]
obj.split(delimiter, limit) 分割
x = "qwerasdfazc"
"qwerasdfazc"
x.split("a")
["qwer", "sdf", "zc"]
x.split("a",1)
["qwer"]
字符串实例：跑马灯
标签：
原文地址：http://www.cnblogs.com/python-way/p/5785616.html
