20180301:JavaScript的初步学习,JS的数据类型与变量,函数,DOM操纵HTML,BOM操作浏览器

一、JavaScript简介

    JavaScript是一种弱类型的脚本编程语言,JavaScript由三部分组成:ECMAScript、DOM、BOM;

    ECMAScript:规定了JavaScript的基本语法、数据类型;

    DOM(Document Object Model):文档对象模型,主要用于操作HTML元素;

    BOM(Browser Obect Model):浏览器对象模型,用于对浏览器进行操作;

二、JavaScript的数据类型与变量

    1.JavaScript的数据类型:string、boolean、number、null、undefined、object;

    2.虽然JS中规定了六种数据类型,但在声明变量时不必指明变量的类型,直接如下定义即可:

        var 变量名=变量值;

        eg: var s ="hello JavaScript";

              var a=5;

              var flag=true;

        注:对于未声明的变量和只声明了变量未赋值得变量的类型均为undefined;

    3.判断变量的数据类型的方法: typeof(变量名);

注:判断数据类型时使用typeof并不总是有效,还可以使用instanceof关键字,如:对象 instanceof Array;

三、函数

    自定义函数的声明方式:

        function 函数名(参数...){

            //函数代码;

        }

    调用函数的方法:函数名(参数...);   注:函数也是一个对象

四、DOM操作HTML

    可以通过document获取HTML里的元素节点(HTML标签),成为DOM对象,即DOM对象可以理解为指代HTML标签;

    1.document常用方法

        getElementById("id值"):通过元素的ID值,获取该元素节点(DOM对象);

        getElementsByName("name值"):通过元素的name属性值获取一组元素;

        getElementsByTagName("tag名"):通过元素的标签名获取一组元素;

    2.DOM对象的常用方法

        setAttribute("属性名","属性值"): 获取dom对象后,通过属性名设置dom对象的属性值;

        getAttribute("属性名"):获取dom对象制定属性名的属性值;

    3.DOM对象的属性

        DOM对象的innerHTML属性代表DOM对象所对应的HTML元素包含的HTML内容;

        注:DOM对象的其他属性与html元素的属性相对应。

    4.JS的鼠标触发事件:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值