web-js

web-js_第1张图片

web-js_第2张图片

web-js_第3张图片

web-js_第4张图片

web-js_第5张图片 web-js_第6张图片

web-js_第7张图片

web-js_第8张图片

web-js_第9张图片

web-js_第10张图片

web-js_第11张图片

 web-js_第12张图片


    
        基本语法
    
    
        
    

web-js_第13张图片

 web-js_第14张图片

            var arr = [1,2,3,4];
            arr[6] = "java";
            console.log(arr);
            for (let i = 0; i < arr.length; i++) {
                console.log(arr[i]); 
            }
            arr.forEach(e => {
                console.log(e);
            });
            arr.push(12,"web");
            arr.splice(3,4);
            console.log(arr);

web-js_第15张图片

   var str = "  hello world ";
            console.log(str.length);
            console.log(str.charAt(5));
            console.log(str.indexOf("o"));
            var s = str.trim();
            document.write(s);
            console.log(str.substring(0,4));

web-js_第16张图片

            var user = {
                name : "jiabao",
                age : 23,
                gender : "male",
                eat(){
                    alert("chifan");
                }
            }
            alert(user.name);
            user.eat();            var user = {
                name : "jiabao",
                age : 23,
                gender : "male",
                eat(){
                    alert("chifan");
                }
            }
            alert(user.name);
            user.eat();

web-js_第17张图片

web-js_第18张图片

            var user = {
                name : "jiabao",
                age : 23,
                gender : "male",
                eat(){
                    alert("chifan");
                }
            }
            // alert(user.name);
            // user.eat();

            var json = '{"name":"老王","age":18,"gener":["nan","nv"]}';
            var jsonobject = JSON.parse(json);
            alert(jsonobject.name);
            var json = JSON.stringify(jsonobject);

 web-js_第19张图片

web-js_第20张图片

            alert("吃饭了吗");
            var i = 0;
            setInterval(function(){
                i++;
                document.write("吃了" + i + "次");
            },2000)
            setTimeout(function(){
                document.write("吐了出来")
            },1000)
            confirm("您确定不吃?");

web-js_第21张图片

               alert(location.href);

                location.href = "https://www.itcast.cn"

web-js_第22张图片

web-js_第23张图片

            var picture = document.getElementsByName('picture')
            for (let i = 0; i < picture.length; i++) {
                var p = picture[i];
                p.src="../img/huawei.jpg";
            }
            var h = document.getElementsByTagName('div');
            for (let i = 0; i < h.length; i++) {
                const element = h[i];
                element.innerHTML+= "666";
            }
            var name = document.getElementsByName('hobby');
            for (let i = 0; i < name.length; i++) {
                const element = name[i];
                element.checked=true;
            }

 web-js_第24张图片

web-js_第25张图片

 web-js_第26张图片


    
        点击练习
    
    
        





电影 旅游 游戏

你可能感兴趣的:(web,javascript,前端,开发语言)