事件:
onMouseOver//鼠标移入
onMouseOut//鼠标移出
onLoad//页面加载之后立即执行一段JavaScript
onUnLoad//页面关闭之前立即执行一段JavaScript
几种弹出框
<script>
if (confirm("还要继续吗")) {
alert("嗯");
} else {
alert("bye");
}
var name = prompt("你的名字是:");
alert(name);
</script>
document.write('Hello Word');
/*
点是一个运算符,点左边的对象,做右边的动作
document做write的动作,给write一个参数,引号是字符串
让Hello Word写到document里面
*/
<body onLoad="alert('hi')">
/*
在页面或图像加载完成后立即发生
支持该事件的 HTML 标签:
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象:
image, layer, window
*/
运算
var 变量前三个字母
在js内 + 是连接符,也可以作为运算+,-,*,/,%,(),++, --,
比较
var hello= 12;
var age= 13;
document.write(hello==age);
//==,!=,>,<,>=,<= 是比较运算符 结果是布尔值false
//字符串在比较的时候底层会自动转换G比H要小
函数小例子
<script>
function print(s) {
document.write(s);
}
function println(s) {
print(s + "<br />");
}
//--------------------------------------------------
var u = 42;
var v = 24;
function gcd(u, v) {
var a = u;
var b = v;
var temp = v;
while (v != 0) {
temp = u % v;
u = v;
v = temp;
}
return u;
// print(a+"和"+b+"最大公约数是"+u+"<br />");
}
println(u + "和" + v + "最大公约数是" + gcd(u, v));
//--------------------------------------------------
function max(a, b) {
return a > b ? a : b;
}
println(max(42, 24));
function add(a, b){
return a+b;
}
function cal(f, a, b){
return f(a, b);
}
println(cal(add, 5, 6));
</script>
数组追加
数组函数
.join()方法将数组中的所有元素连接成一个字符串。
<script>
var colors = ["red","blue","green"];
colors[colors.length] = "black";
colors[colors.length] = "brown";//length永远比下标大一号,相当于追加,可扩展性代码
console.log(colors.toString());//把一个逻辑值转换为字符串,并返回结果
console.log(colors.valueOf());//String.valueOf就转为字符串,Integer.valueOf就转为基本类型
console.log(colors.join("|"));//将数组中的所有元素连接成一个字符串
</script>
先进后出,进栈出栈,如果没有数组里没有元素的话打印下标是undefind未定义
<script>
var colors = new Array();
var count = colors.push("red","green");//在栈后追加一个
var item = colors.pop();//弹出最后追加的元素
</script>
后进先出
<script>
colors.shift();//删除并返回数组的第一个元素
</script>
排序
<script>
function compare(value1,value2){ //排序的函数
if (value1 < value2) {
return 1;
}else if(value2 > value1){
return -1;
}else{
return 0;
}
}
var values = [0,1,10,5,15,20,70];
console.log(values.sort(compare));//0,1,10,15,20,5,70
console.log(values.reverse(compare));//70,5,20,15,10,1,0
</script>
数组的 删除、插入、替换
//splice(开始位置,删除个数,插入元素, , ,)
splice(0,2)//从0开始,删除2个数组元素
splice(2,0,"red","green")//从2开始,删除0个数组元素,插入元素
splice(2,1,"red","green")//从2开始,替换"red","green"数组元素
对象
<script>
var book = new Object();
book.title = "html5";
book.color = "red";
book.name = "gz";
book.age = "18";
book.sex = "男";
// alert(book);
// console.log(book);
delete book.color;//删除对象中的某一项
// console.log(book);
for( var x in book){
console.log(x+"="+book[x]);
}
//打印所有document对象中的元素
for ( x in window.document ) {
document.write(x+"<br />");
}
</script>