美文网首页
JavaScript小结

JavaScript小结

作者: 背麻袋的袋鼠 | 来源:发表于2016-09-25 21:44 被阅读29次

整个javascript分为三个组成部分(ECMAScript/DOM/BOM)

一、核心部分ECMAScript

1.语法

    ① 区分大小写

     ② 变量是弱类型!: 在定义变量的时候,如果没有对其赋值,那么此变量是没有具体类型的,只有赋值之后才有具体的类型。每行代码结束后分号可有可无,建议写上!注释、以及代码块等内与java一致。

2.变量

        声明统一使用关键字var来定义。也可以不用声明。(如果不声明,表示该变量是一个全局的!)

变量命名规则与java一致。不要使用关键字和保留字。

3.原始数据类型

         总共有undefined、null(object)、number、string、boolean

4.运算符

          全等运算符  : ==与===的区别。==会进行一个类型转换(尝试着转换),===它不会进行类型转换

5.语句

语句与java一致。

6.函数

           有名称function 函数名称(){}

           匿名function(){}

          补充:整个javascript代码建议写到body标签后面(可能JS带中获取HTML内容的时候,整个html还没有加载完。)或者放到页面加载函数里面去。

          window.onload = function(){document.getElementById("id").onclick= function(){JS代码……}}

          document.getElementById("id").onclick= function(){JS代码……}

二、BOM对象(浏览器对象模型)

1.window对象:代表的是整个浏览器对象setInterval();clearInterval();setTimeout();clearTimeout();alert();prompt();confirm();

window对象拥有其它几个对象的一个只读引用!

2.location对象:url地址href属性:实现页面的跳转功能

3.history对象:历史记录back():查看上一个历史记录forward():查看下一个历史记录go(有参数):可以实现上面两个功能。如果参数为负整数,其功能与back()一致。如果参数为正整数,其功能与forward一致

4.navigator对象:整个浏览器信息相关的对象

5.screen对象:客户端屏幕相关的信息

三、DOM对象

1.document对象

         (1) 该对象有以下常见方法:

            1_获取元素节点相关的方法:

            ① document.getElementById("id");//返回单个对象       

            ②document.getElementsByName("name");//返回多个对象集合,需要进行遍历操作        

            ③ document.getElementsByTagName("标签名称");//返回多个对象集合,需要进行遍历操作

         创建节点相关方法创建文本节点 :document.createTextNode();

         创建元素节点:document.createElement();

2.element对象

         该对象有以下常见方法:

        ①  element.appendChild():如果是A.appendChild(B),那么,B会追击到A的内部,B原来所在位置的元素会被删除!

        ②    element.firstChild 返回元素的首个子。

        ③    element.getAttribute() 返回元素节点的指定属性值。 element.innerHTML 设置或返回元素的内容。

          ④   element.insertBefore() 在指定的已有的子节点之前插入新节点。 element.removeChild() 从元素中移除子节点。

          ⑤  element.replaceChild() 替换元素中的子节点。 其它方法可以参考相关手册!

3.attribute对象

              该对象只需要关注其中的一个属性(attr.value 设置或返回属性的值)即可。

其他

一、内置对象

         Array/Boolean/Date/Math/Number/String/RegExp重点掌握数组、字符串和正则,他们在开发中使用相对要多一些。注意:数组的创建,长度是可变的,长度等于最大角标+1,里面存放的内容的类型可以不是同一种(java里面必须是同一种)

二、事件

     ①   事件除了页面加载onload和表单提交onsubmit有点特殊外,其它事件都是在需要操作的元素上面添加

     ②  页面加载事件只能生效一个,绑定的位置在<body>标签上面

     ③   表单提交事件必须要有返回值,否则不论校验成功与否都会提交,绑定位置不在按钮上,而在<form onsubmit="return checkForm()">

相关文章

  • JavaScript Array

    JavaScript Array小结:

  • JavaScript小结

    语法小结

  • JavaScript小结

    整个javascript分为三个组成部分(ECMAScript/DOM/BOM) 一、核心部分ECMAScript...

  • JavaScript小结

    JavaScript类型总结 1.在es5规范中,基本类型有五种:1).Null,2).Boolean,3).St...

  • ionic1 文字长按复制、粘贴问题解决

    javascript的self和this使用小结 http://www.cnblogs.com/reommmm/a...

  • JavaScript基本语法(一)

    目录 1. 语句 2. 变量 3. 小结 JavaScript基本语法(一)是JavaScript核心知识点(EC...

  • JavaScript

    JavaScript小结JavaScript 是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成: ...

  • JavaScript 的 this 小结

    JavaScript 语言的一个关键字。 它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用。 ...

  • Javascript事件小结

    本篇文章主要讲解Javascript的事件,如下: 事件流 如何注册和删除事件 跨浏览器的事件处理程序和事件对象 ...

  • 【javascript】BOM小结

    浏览器对象模型(BOM)以window对象为依托,表示浏览器窗口以及页面可见区域。 window对象还是ECMAS...

网友评论

      本文标题:JavaScript小结

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