JavaScript小结

整个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()">

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课...
    前端进阶之旅阅读 14,374评论 13 94
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,779评论 0 8
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 8,687评论 2 36
  • 相信和善坚定的力量 相信孩子的无限潜能 相信方法总比困难多 相信种子相信岁月 相信花开有时 老师的示弱和询问 坚定...
    亲亲氧气阅读 1,058评论 0 0
  • 一个文字功底深厚的姑娘知道我恋爱十年且已婚后,感慨说:“生活没有磨灭你的灵性,你QQ空间里的文章还不错。”她接着讲...
    温一心阅读 2,444评论 6 5

友情链接更多精彩内容