美文网首页
JavaScript 的使用

JavaScript 的使用

作者: 尙千 | 来源:发表于2018-07-20 15:13 被阅读0次

    JavaScript 可以通过不同的方式来输出数据:

    使用 window.alert() 弹出警告框。

    使用 document.write() 方法将内容写到 HTML 文档中。

    使用 innerHTML 写入到 HTML 元素。

    使用 console.log() 写入到浏览器的控制台。


    JavaScript 变量


    与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。

    变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

    变量必须以字母开头

    变量也能以 $ 和 _ 符号开头(不推荐这么做)

    变量名称对大小写敏感(y 和 Y 是不同的变量)

    Javarscript数据类型

          字符串(string),数字(number),布尔(Boolean),

          数组(Array),对象(Objct),空(null),未定义(Undefined)

    当向变量分配文本值时,应该用双引号或单引号包围这个值

    当向变量赋值的值时数值是,不要使用引号,如果引号包围数值是,该数字会被做文本来处理

    操作 HTML 元素


    如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

    请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:

    #########################################################################################

    使用document.getElmentById

    获得后使用.innerHTML改变原id的内容

    //获得id名字并改变原id的内容,js不能放在头部否则将无法读取到,

    body里面的id值

    //报错信息

    Uncaught TypeError: Cannot set property 'innerHTML' of null"

    =====================================================

    ###############################################################################

    JavaScript 对象

    JavaScript 对象是拥有属性和方法的数据。一个对象可以包含多个属性

    创建一个JavaScript对象

    //创建一个对象,并给对象加一些属性

    var person={

    firstName:"join",//注意对象属性后面用,结尾

    lastName:"Doe",

    age:"50",

    eyecole:"blue"}

    //调用一个id把id的内容调用成创建对象的属性

    document.getElementById("demo").innHTML=preson.fistName+

    "现在"+preson.age+"岁.";


    对象属性

    可以说 "JavaScript 对象是变量的容器"。

    但是,我们通常认为 "JavaScript 对象是键值对的容器"。

    键值对通常写法为 name : value (键与值以冒号分割)。

    键值对在 JavaScript 对象通常称为 对象属性。

    JavaScript 对象是属性变量的容器。

    访问对象有两种方法

    1:person.firstName //调用变量名里面的属性

    2:person["firstName"]//

    对象方法

    对象的方法定义了一个函数,并作为对象的属性存储。

    对象方法通过添加 () 调用 (作为一个函数)。

    该实例访问了 person 对象的 fullName() 方法:

    注意:调用函数时一定要加();不然函数调用会失败

    访问对象方法

    你可以使用以下语法创建对象方法:

    methodName : function() 

                        { code lines //代码块}

    你可以使用以下语法访问对象方法:

                       objectName.methodName()

    通常 fullName() 是作为 person 对象的一个方法, fullName 是作为一个属性。

    有多种方式可以创建,使用和修改 JavaScript 对象。

    同样也有多种方式用来创建,使用和修改属性和方法。

    --------------------------------------------------------------------------------------------------------------------

    创建一个对象和使用一个对象的方法

    对象方法作为一个函数定义储存在对象的属性中

    //创建一个id地址

    var person={//创建一个变量

    flistName:"join",

    lastName:"Doe",

    id:"556",

    fullName : function(){//注意创建的函数要保存在变量名方法里面

    return this.flistName+" "+this.lastName;//保存在函数内部

    }

    }

    document.getElementById("demo").innerHTML=person.fullName();

                            //首先活动id地址,然后调用变量函数

    ==================================================================

    局部 JavaScript 变量

    在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

    您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

    只要函数运行完毕,本地变量就会被删除。

    全局 JavaScript 变量

    在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

    JavaScript 变量的生存期

    JavaScript 变量的生命期从它们被声明的时间开始。

    局部变量会在函数运行以后被删除。

    全局变量会在页面关闭后被删除。

    向未声明的 JavaScript 变量分配值

    如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。

    这条语句:

    carname="Volvo";

    将声明 window 的一个属性 carname。

    非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。

    HTML 中的全局变量

    在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

    局部变量和全局变量

    局部变量:在函数中通过var声明的变量。

    全局变量:在函数外通过var声明的变量。

    没有声明就使用的变量,默认为全局变量,不论这个变量在哪被使用。

    console.log是可以让输出在控制台以便调试

    -----------------------------------------------------------------------------------------------------------------------------------------------

    相关文章

      网友评论

          本文标题:JavaScript 的使用

          本文链接:https://www.haomeiwen.com/subject/glqqmftx.html