拿出来大家共勉,不足之处请指正。
很久之前的学习笔记了,一直存放在本地中
变量var
(variable变量的缩写) 字母数字下划线,数字不能当第一
var a = "hello";
document.write(a);
计算
+是字符之间的连接
var a = "hello";
a = a+ "world";
document.write(a);
输出的是 hello,world
var resule = 10%2; 取模(理解为取余)
var age = ((3+12)*2); 里面只有小括号
document.write(a == b);输出的为true /false
判断
养成良好的编程习惯,写完if else就后面写一个大括号
var a= 1;
if (a>2){
alert("a");
}else{
alert("3");
}
js允许switch 为 string
var grade = 88;
grade = grade/10;
switch(grade){
case 2:
case 4.1:
}
循环
-1
while(){
}
-2
do{
}
while()
-3
for( init; condition; step;){
}
break :跳出循环
continue:跳出当前循环,进入循环的下一轮
函数
变量空间:定义在函数之外的,在整个script空间都有效
var a =1;
var b=2;
var c =4;
function (a,b,c){
}
下面两者等价
var f = new Function("x","y","return x*y")
function f(x,y){return x*y;}
构造函数
function a(w,h){
this.width = w;
this.height = h;
this.area = function(){
return this.width*this.height;
}
}
利用构造函数
var r = new a(5,10);
r.width = 15
数组
var a = new Array()
var b = new Array(size)
var c = new Array(d1,d2,d3...)
var d = new Array[d1,d2,d3...]
a.join("任意东西") 输出的数组里面的东西 每个东西之间有隔断
splice(开始位置,删除个数,插入元素)
排序操作
a.sort()从小到大
a.reverse()从大到小
堆栈操作
a.push()
a.pop()
队列操作
a.push()
a.shift()
对象
复合数据类型
var book = new Object()
var a = {x=1,y=2,z=3}
book.title="英语"
delete book.title = book.titlt=null 删除
for(var x in book){
alert(x)
alert(book[])
}遍历
全局对象window
var a ="123"
alert(window.a)
window.open()
window.close()
window.location()
Document
成员
anchors[]
forms[]
images[]
-image()来提前装载图片
-onLoad事件表明图片装载完成
onLoad/onUload
onMouseOver/onMouseOut
onClick/onDblClick
onSUbmit
cookie
title
bgColor
fgColor
linkColor
alinkColoe
vlinkColor
引入代码
<script src="asd.js">
</script>
弹框
</body>
</html>
<script>
// 写的中文英文都要需要加引号
// var就是声明变量
var name = '张三';
alert(name);
</script>
confirm()
if(confirm("继续?")){
aler()
}else{
}
prompt()
status=""
打印
控制台
浏览器输出 摁下F12
console是输出
下面的就是控制台输出,不会像alert一样出现弹窗
</html>
<script>
var age =22;
console.log(age);
</script>
数据类型
<script>
// 数字:整数、浮点数
var num = 123.222;
console.log(num);
// 凡是**加引号**的,都是以**字符串**的形式输出
var str = "dasdas";
console.log(str);
// 布尔类型只有true或false
var bool = false;
console.log(bool);
// 函数调用--匿名函数--具名函数
var fn = function(){
console.log(fn);
}
fn(); // 表示调用了函数
</script>