Javascript 初学

事件:

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>

猜你喜欢

转载自blog.csdn.net/qq_29994361/article/details/89082920
今日推荐