sbc11

day6

js 对象
Array

特点：长度可变，类型可变；

点击查看代码 
        var arr = [1,2,3,4];
        for(let i = 0;i<arr.length;i++){
            console.log(arr[i]);
        }
        //forEach:遍历数组中有值的元素
        arr.forEach(function (e){
            console.log(e);
        })
        //ES6:箭头函数：（...）=>{...}--简化函数定义
        arr.forEach((e)=>{
            console.log(e);
        })
        //push:添加元素到数组末尾
        arr.push(7,8,9);
        console.log(arr);
        //splice:删除元素
        arr.splice(2,2);
        console.log(arr);

String

点击查看代码 
        //创建
        var str = "hellow String";
        console.log(str);
        //获取长度
        console.log(str.length);
        //charAt:获取指定位置字符
        console.log(str.charAt(3));
        //indexOf：检索字符串
        console.log(str.indexOf("lo"));
        //trim:去除字符串左右两侧空格
        console.log(str.trim());
        //substring:用来截取字符串（含头不含尾）
        console.log(str.substring(0,5));
JSON


点击查看代码 
        var user ={
            name:"tom",
            age:10,
            gender:"male",
            eat (){
                alert("吃饭");
            }
        }
        alert(user.name);
        user.eat();

        定义JSON
        var jsonstr = '{"name:"tom", "age":"18", "adder":["北京","上海","西安"]}';
        alert(jsonstr.name);
        //Json字符串--js对象
        var obj = JSON.parse(jsonstr);
        alert(obj.name);
        //js对象--json字符串
        alert(JSON.stringify(obj));

BOM

组成：Window;浏览器窗口对象
Navigator:浏览器对象
Screen:屏幕对象
History:历史记录对象
Location:地址栏对象

点击查看代码 
        Window.alert("hellow bom");
        alert("hellow bom Window");
        var flag = confirm("确定删除？")
        alert(flag);
        //定时器--周期型执行
        setInterval(function (){
            i++;
            console.log("定时器执行了"+i+"次");
        },2000);//每两秒执行一次
        //定时器--延迟指定时间执行一次
        setTimeout(function (){
            alert("js");
        },2000);

点击查看代码 
        alert(location.href);

        location.href = "https://www.bilibili.com/";

DOM

点击查看代码 
<html>
  <head>
    <title>Title</title>

  </head>
  <body>
  <img id="h1" src="1.jpg"> <br>
  <div class="cls">教育</div>  <br>
  <div class="cls">黑马</div>  <br>
  <input type="checkbox"name="hobby">电影
  <input type="checkbox"name="hobby">旅游
  <input type="checkbox"name="hobby">游戏

  </body>
  <script>
    var img = document.getElementById('h1');
    img.src = "2.jpg";
    //div标签添加内容
    var divs = document.getElementsByTagName('div');
    for(let i=0;i<divs.length;i++){
      const div = divs[i];
      div.innerHTML+="<font color='#a52a2a'>very good</font>";
    }
    //使复选框呈现被选中状态
    var ins = document.getElementsByTagName('hobby');
    for(let i=0;i<ins.length;i++){
      const check =ins[i];
      check.checked = true;
    }
  </script>
</html>

posted on 2025-01-23 16:23  沈八才11  阅读(15)  评论(0)    收藏  举报

导航