JS基础01-基本语法(BOM和DOM对象)

145 阅读1分钟

1.了解JS基本输入输出和命名规范

1.1JS的输入输出

image.png

1.2 JS命名规范

image.png

2 DOM对象和BOM对象(获取元素的方法和浏览器内置对象)

2.1 DOM(文档对象)

2.1.1通过id选择器
   var a=document.getElementById("id名");用来获取元素的id值进行操作

2.1.2通过标签选择器来进行选取

1.image.png

2.image.png

@_7}8V9P[]~N(G3}BT2LGS6.png

2.1.3通过H5新增方式获取元素

%R(AAS7NL_49B7CY1U1(2.png

代码展示如下:

image.png

2.1.4 DOM对象的主要操作:

image.png `

2.2 BOM(浏览器对象)

2.2.1 open close height width
    // Windos对象,获取窗体的宽和高 innerHeight innerWidth
            console.log(window.innerHeight);
            console.log(window.innerWidth);
        // 窗口操作 windows.open(URL,name,features,replace)
        // open函数的返回值是新窗口对象
          var a= open("1内置函数.html","newWin","width=500","height=500")
          a.document.write("<h>新页面输出内容</h>")
        // // 打开一个新窗口并在页面中输出99乘法表
             for(var i=1;i<10;i++){
                 for(var j=1;j<=i;j++){
                  a.document.write(j+"*"+i+"="+j*i+"&nbsp;&nbsp;");
                 }
             a.document.write("<br>")
             }
        //关闭窗口 window.close();

2.2.2 Location对象
  //Location对象 href search hash origin
            console.log("获取当前地址:"+location.href)
            console.log("获取当前地址中参数部分:"+location.search);
            console.log("获取地址中的锚部分:"+location.hash);
            console.log("获取当前地址协议、主机名、端口:"+location.origin)
              location.herf="www.baidu.com";//会跳转到百度页面

3常用的方法

3.1String类型常用方法

image.png

3.2Date常见用法

image.png

3.3数组

image.png

3.4系统函数

image.png