资讯专栏INFORMATION COLUMN

javaScript学习总结上

asce1885 / 1491人阅读

摘要:级事件处理程序把一个函数赋值给一个事件的处理程序属性级事件处理程序定义了两个方法,用于指定和删除事件处理程序的操作。

基本概念

javaScript是一门解释型语言,浏览器充当解释器。js执行时,在同一个作用域是先解释再执行。解释的时候会编译functionvar这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值。ECMASCript中的一切(包括变量、函数名、操作符)都区分大小写。

变量

变量在第一次用到的时候就设置在内存中,使用变量之前先进行声明。可以使用var关键字来进行变量的声明。
变量命名:变量名包括全局变量,局部变量,类变量,函数参数等等都属于这一类。
变量命名都以类型前缀+有意义的单词组成,可以用驼峰命名法增强变量的可读性。
前缀规范:

s:表示字符串
n:表示数字
a:表示数组
r:表示正则表达
f:表示函数
g:表示全局变量

创建合法的变量名应该遵循的规则:
第一个字符不能是数字,后面可以跟任意的数字,字母,下划线。

javascript会忽略多余的空格,变量之间用逗号隔开。如果声明了一个变量但没有赋值,该变量存在值为undefined

js的数据类型
基本数据类型:字符型、数值、布尔
引用数据类型:对象、数组
特殊数据类型:Null、Undefined
对象

Object类型是一个无序的集合,可以存放任意类型的对象,所有其他对象都继承这个对象,创建Object类型有两种,一种是使用new运算符,一种是字面量表示法。var obj = new Object();

Object.prototype对象所有构造函数都有一个`prototype`属性,指向一个原型对象。实例obj继承object.prototype的属性和方法
1.对象是一种特殊的数据,拥有属性和方法,`javascript`基于[prototype]
2.对象是方法和属性的集合
3.函数时一种特殊的对象
面向对象三大特征:封装、继承、多态
数组
Array对象:提供对创建任何数据类型和数组的支持
Array数组的3个属性:length、prototype、constructor
Array对象方法:
concat()、join()、pop()、push、slice()、sort()、splice()、toString()...
Null和Undefined
null表示尚未存在的对象,常用来表示函数企图返回一个不存在的悐
undefined:对象属性不存在,声明了变量未赋值
BOM和DOM
DOM(文档对象模型)是HTM和XML应用程序的接口(API) DOM代表着被加载到浏览器窗口里的当前网页的模型
BOM用来处理浏览器窗口和框架。

区别:DOM描述了处理网页的方法和接口,BOM描述了与浏览器进行交互的方法和接口
HTML将代码分解为DOM节点层次图:

查找元素:W3C提供了比较方便的定位节点的属性和方法

getElementById()获取特定的id元素节点
getElementsByTagName()获取相同元素的节点列表
getElementsByName()获取相同名称的节点列表
getAttribute()获取特定元素节点属性的值
setAttribute()设置特定元素节点属性的值
removeAttribute()移除特定元素节点属性

元素节点属性:

nodeName返回一个字符串,内容是节点的名字
nodeType返回一个整数,给定节点类型
nodeValue返回节点的当前值

DOM操作

creatElement(element)创建一个新的元素节点
creatTextNode()创建一个包含给定文本的新文本节点
appendChild()指定节点的最后一个节点列表后添加一个新的子节
insertBefore()将一个给定节点插入到一个给定元素节点的给定子节点的前面
removeChild()从一个给定元素中删除子节点
replaceChild()把一个给定父元素里的一个子节点替换为另外一个节点

DOM通过创建树来表示文档,描述了处理网页内容的方法和接口,从而使开发者对文档的内容和结构具有空前的控制力,用DOM API可以轻松地删除、添加和替换节点。

DOM 0级事件处理程序:把一个函数赋值给一个事件的处理程序属性
innerText、innerHTML、outerHTML、outerText

DOM 2级事件处理程序:定义了两个方法,用于指定和删除事件处理程序的操作。`addEventListener()`和`removeEventListener()`

BOM部分

window对象

document对象:实际上是window对象的属性,document == window.document为true,是唯一一个既属于BOM又属于DOM的对象

document.lastModified  //获取最后一次修改页面的日期的字符串表示  

document.referrer  //用于跟踪用户从哪里链接过来的  

document.title  //获取当前页面的标题,可读写  

document.URL  //获取当前页面的URL,可读写  

document.anchors[0]或document.anchors["anchName"] //访问页面中所有的锚  

document.forms[0]或document.forms["formName"]  //访问页面中所有的表单  

document.images[0]或document.images["imgName"]  // 访问页面中所有的图像  

document.links [0]或document.links["linkName"]  //访问页面中所有的链接 

document.applets [0]或document.applets["appletName"]  //访问页面中所有的Applet  

document.embeds [0]或document.embeds["embedName"]  //访问页面中所有的嵌入式对象  

document.write(); 或document.writeln();  //将字符串插入到调用它们的位置  

还有location对象.navigator对象.screen对象

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83001.html

相关文章

  • 基础巩固:JavaScript基础总结(基本概念篇)

    摘要:基础巩固基础总结使用已经好几年了,由于工作主要是做服务端开发,在工作中逐渐发现的使用范围原来越广泛。这里要注意,务必将基础部分掌握牢靠,磨刀不误砍柴功,只有将基础部分掌握并建立起系统的知识体系,在后面学习衍生的其他模式才能游刃有余。 基础巩固:JavaScript基础总结 使用JavaScript已经好几年了,由于工作主要是做服务端开发,在工作中逐渐发现JavaScript的使用范围原...

    YuboonaZhang 评论0 收藏0
  • JavaScript学习总结(九)事件详解

    摘要:布尔值表示捕获阶段调用事件处理程序,表示冒泡阶段通过对象的方法,也可以定义事件的回调函数。对象会被作为第一个参数传递给事件监听的回调函数。布尔默认值是,当设置成时用以取消事件的默认行为与中的相同。 其实这篇文章挺早之前就写了,但是由于sf保存方面的bug,所以当时写了一大堆,结果没保存,觉得这个没写完是个不小的遗憾,今天正好有空,就给补充下了,也正好给我的javascript学习总结做...

    LiveVideoStack 评论0 收藏0
  • 个人分享--web前端学习资源分享

    摘要:前言月份开始出没社区,现在差不多月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了一般来说,差不多到了转正的时候,会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客,博文推荐分享给大家。 1.前言 6月份开始出没社区,现在差不多9月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了!一般来说,差不多到了转正的时候,会进行总结或者分享会议!那么今天我就...

    sherlock221 评论0 收藏0
  • JavaScript学习总结(一)基础部分

    摘要:前缀规范每个局部变量都需要有一个类型前缀,按照类型可以分为表示字符串。例如,表示以上未涉及到的其他对象,例如,表示全局变量,例如,是一种区分大小写的语言。布尔值与字符串相加将布尔值强制转换为字符串。 基本概念 javascript是一门解释型的语言,浏览器充当解释器。js执行时,在同一个作用域内是先解释再执行。解释的时候会编译function和var这两个关键词定义的变量,编译完成后从...

    AlanKeene 评论0 收藏0
  • JavaScript学习总结(六)数据类型和JSON格式

    摘要:并列数据的集合数组用方括号表示。第三种类型是映射,也就是一个名值对,即数据有一个名称,还有一个与之相对应的值,这又称作散列或字典,比如首都北京。中有种简单数据类型也称为基本数据类型和。数值布尔值对象和字符串值都有方法。 什么是JSON JSON:JavaScript 对象表示法(JavaScript Object Notation)。 JSON的形式是用大括号{}包围起来的项目列表...

    laznrbfe 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<