美文网首页
2019-01-20初识JavaScript

2019-01-20初识JavaScript

作者: L_ed1b | 来源:发表于2019-01-20 22:25 被阅读0次

    1.在HTML5文件中引用JavaScript,可以在body 和 head标签中引用,同时也可以放在外部文件以js为后缀

    1.1 scripte 标签中的内容是用来存放JavaScript代码

    1.2关于document在文档加载完毕后输入,则会覆盖原文档的问题

    参考博客:https://blog.csdn.net/qq_20882333/article/details/52290214

    2.JavaScript中的输出

    2.1使用window.alter()用于弹出警告框;

    2.2使用Document.getElement("byID").innerHtml="dsadasd"

    使用该函数对满足ID的标签内容进行替换,同时我操作的时候,感觉得把JavaScript这个函数写在要替换的ID的后面,才能进行成功的替换

    2.3使用Document.write()函数在原位置进行写入,但要注意1.2中的细节

    2.4使用console.log(c)函数写入到浏览器的控制台,方便进行代码的调试

    3.基本的语法结构

    3.1 JavaScript 中使用变量,得使用var 进行申明,一个var 标签可以同时声明多个变量 例如 var a,b,c;

    var a="hello";

    var a;

    重复对变量a进行声明,a的值不会发生改变

    3.2 变量名的大小写敏感

    3.3 自动忽略多余的空格,可以使用\反斜线对换行符进行转义,使得字符在同一行显示

    4.数据类型

    4.1.变量不需要像C 一样定义为int 或者str

    一般极大的数字可以使用var y=123e5;来显示数字

    4.2.数组类型的数据

    var a=new Array("1",“2’”);

    也可以直接使用中括号进行直接的定义

    a=["1","2"]

    4.3.使用new来声明变量

    var carname=new String;

    var x=      new Number;

    var y=      new Boolean;

    var cars=   new Array;

    var person= new Object;

    !JavaScript中的变量都是对象,当声明了一个变量也就相当于,创建了一个新的对象!

    5 JavaScript中的对象

    JavaScript中的对象更有点像perl里的哈希一样

    5.1当使用对应的键值对的时候,有两种访问方式

    ①使用"."来引用对象属性

    ②使用数组下标,也就是哈希表中的键来引用对应的值

    5.2在对象中构建方法属性时

    只需要函数名作为键,而使用function(){ code#####} 作为值构成一个对象的方法

    而在使用函数的方法时则需要 

    对象.a()

    不加()括号返回的则是定义函数的内

    6.局部变量与全局变量

    6.1局部变量

    局部变量是在函数中,定义的,当函数运行结束之后,就会被删除

    6.2全局变量window对象

    全局变量的作用范围是,该网页,并且当页面被关闭之后,才会被删除

    7.事件

    1.页面加载完成

    2.input字段输入

    3.按钮被点击

    8.判断对象的数据类型

    Array或者date对象使用typeof判断对象类型时,返回的是object

    一般使用constructor属性进行判断,输出构造函数的名字

    9.变量的提升

    在JavaScript中只有变量的声明才会被提升

    而变量的定义则不会

    10.闭包实现静态变量的声明

    var add=(function(){

    var contain=0;

    return function(){return contain+=1;};

    })();

    add();

    add是函数“function(){return contain+=1;};”的一个别名

    而变量contain则受到匿名函数的保护,可以当做静态变量使用

    相关文章

      网友评论

          本文标题:2019-01-20初识JavaScript

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