JavaScript

Js是一种直译式的脚本语言,是一种弱类型基于对象的语言。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用),总之js就是在网页上使用,用来给HTML网页添加动态功能

Js 特点:脚本语言 基于对象 简单 动态性 跨平台性

使用方式:

内嵌方式:在HTML页面加入<script></script>

外部引用:把js代码单独写到一个文本文档里,修改后缀名为js。在需要的时候引用。

注意事项:

所有符号,包括括号,分号,逗号都应该用英文符号。

区分大小写。

不要让浏览器阻止了你的Js。

变量:

数字类型:Js只有一种数字类型,可以带小数点,也可以不带

字符类型:用单引号或者双引号包围的字符

布尔型:true OR false

Null: 一个关键字,表示对象没有值。

Undefined :试图访问对象中不存在的属性,变量定义之后没有赋值。

Null 和 undefined 的区别:

Null 表示一个对象的所占用的内存为null,是可以使用的。

Undefined 表示 这个对象声明后没有分配内存,或者这个属性不存在。

函数:

定义函数:我们使用function标签来定义函数

成员变量:在script标签中定义的变量,是成员变量

局部变量:在方法里定义的变量和方法的参数是局部变量

数组:

我们使用数组来存储多个值。通过数组名加引用访问数组

常用方法有:length,sort(),reverse(),

基本的DOM操作:

DOM document object model for HTML(文档对象模型)

HTML DOM 定义了所有的HTML元素的对象和属性,以及访问它们的方法。换言之,HTML DOM 是关于如何获取、修改、添加、删除HTML元素的标准 js可以操作HTML DOM对象

节点:

根据DOM,HTML 文档中的每一个成分都是一个节点。

整个文档时一个文档节点 document

每个HTML标签是一个元素节点 select getElementById

包含在HTML元素中的文本节点 字符串

每一个HTML属性是一个属性节点

注释属于注释节点

节点级别:
在节点树中,顶端的节点成为根节点

根节点之外的每一个节点都有一个父节点

节点可以有任意数量的子节点

叶子是没有子节点的节点

同级节点是拥有相同父节点的节点

Node 对象:

Node对象时整个DOM的主要数据类型

节点对象代表文档树中一个单独的节点。

ChildNodes

返回节点的子节点的节点类表

firstChild

返回节点的首个子节点

lastChild

返回节点的最后一个子节点

nextSibling  

返回节点之后紧跟的同级节点

nodeName

返回节点名称,根据其类型

nodeType

返回节点的类型

nodeValus

设置或返回节点的值,根据其类型

parentNode

返回节点的父节点

previousSibling

返回节点之前紧跟着的同级节点

textContent

设置或返回节点及其后代的内容

 

Var element = document.getElementById(id) 根据ID来获取一个元素,并且得到该元素的对象

Var element = document.getElementsByName(name) 根据name属性来获取元素,得到符合条件的所有元素(数组)

Var element = document.getElementsByTagName(tagname) 根据标签名来获取,并且得到符合标签名的所有元素的数组

String对象 & Math对象&Date对象类似于Java中相应的对象

Js事件

Onclick事件是最常用的事件,当控件被点击的时候触发

onmouseOver 鼠标移入:当鼠标移入控件时触发

onmouseOut 鼠标移出:当鼠标移出控件时触发

onmouseMove 鼠标移动事件:当鼠标在空间上移动的时候触发onmousedown:鼠标按下触发  onmouseup:鼠标抬起事件

Onkeypress():键盘按键被按下时触发  onkeyup():键盘抬起触发 onkeydown():键盘按下触发

浏览器事件:要放到body标签里

Onload():加载页面后触发  onunload():关闭页面触发

焦点事件:onfocus():获得焦点触发   onblur():失去焦点触发

Onchange():内容更改事件  ondbclick():双击事件

 

 

js的一些复习的更多相关文章

  1. Python flask+css+js+ajax 综合复习

    flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用   request.args.get('变量') 去接收, get ...

  2. 从零开始的全栈工程师——JS面向对象(复习)

    作用域 栈内存:js执行的环境堆内存:存放代码块的空间 存放方式 键值对形式存放 字符串的形式存放js在执行之前 浏览器会给他一个全局作用域叫window 每个作用域下都分为两个模块 一个是内存模块一 ...

  3. JS高级. 01 复习JS基础

    1. JavaScript 包含: ____, ____, 和 ____. 2. JavaScript 的基本类型有 ____, ____, 和 ____. 3. JavaScript 的复合类型有 ...

  4. js 跨域复习 window.name | window.domain | iframe | Jsonp

    引起跨域的原因: 浏览器的同源策略,但是当你要发送请求的时候,出于安全性问题,浏览器有严格的要求,必须协议,域名,端口都相同,这个就是同源策略. 影响:a通过js脚本向b发送ajax请求,不同源就会报 ...

  5. js 数组知识复习

    2.Array类型 2.1 创建数组 两种方式: 1.new Array(); //创建一个空数组 var arr1 = new Array(); //创建一个长度为10的空数组, var arr2 ...

  6. JS对象总结

    JS对象总结   复习: 1.1 JS中对象有三种:内置对象(数组Array对象.String字符串对象.RegExp正则表达式对象.Math对象). 宿主对象(JS脚本所在的运行环境,目前我们讲的脚 ...

  7. javascript中对编码的解读

    首先来一下js知识的巩固与复习 js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,deco ...

  8. JS复习--更新结束

    js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...

  9. 【JS复习笔记】07 复习感想

    好吧,其实<JavaScript语言精粹>后面还简单介绍了代码风格,优美特性,以及包含的毒瘤.糟粕. 但我很快就看完了,发现其实都在前面讲过了,所以就不写了. 至今为止已经算是把JavaS ...

随机推荐

  1. 一整套WordPress模板制作的教程

    WordPress基本模板文件 一套完整的WordPress模板应至少具有如下文件:style.css: CSS(样式表)文件index.php : 主页模板archive.php : Archive ...

  2. 关于格式转换 “%a.bs”

    这个形式的格式转换符用于输出, 如果a <= b,  那么输出的字符串串长大于等于a, 小于b; 否则, 输出的串长按照a指定的输出. (不够,用空格补齐)

  3. myeclipse + tomcat 项目自动部署

    在MyEclipse中设置项目的自动部署需要综合考虑两个方面: 1是MyEclipse本身,通过主菜单中project->auto ,另一个就是tomcat配置文件.配置文件包括 conf 下的 ...

  4. Kinect 图像帧的格式

    一.ColorImageFormat:彩色图像帧的格式 RawYuvResolution640x480Fps15 原始YUV格式,分辨率是640x480,每秒15帧: RgbResolution128 ...

  5. ThinkPHP 3.2.3 多模块 和 多应用 的配置

    多模块 在 ThinkPHP 3.2.3 中,默认的应用目录是 ./Application,下面的默认模块是 Home 模块,如果此时需要添加一个 Admin 模块用于后台应用,根据手册 http:/ ...

  6. JavaScript 回调函数中的 return false 问题

    今天一个同事问了我一个问题,就是在 Ajax 方法中,请求成功后(success)的回调函数中根据响应的值来判断程序是否继续执行,他不解的是在回调函数中已经 return false 了,但是 Aja ...

  7. 标签data-*属性使用

    <div class="page_index" style="margin-top:20px;"> <span id="showPa ...

  8. tensorflow 学习(一)

    改系列只为记录我学习 udacity 中深度学习课程!! 1. 整个课程分为四个部分,如上图所示. 第一部分将研究逻辑分类器,随机优化以及实际数据训练. 第二部分我们将学习一个深度网络,和使用正则化技 ...

  9. 随手记一次利用开源zxing生成带嵌入logo的二维码图片

    之前就在项目里面用过zxing生成二维码,最近另一个项目同样需要用到二维码,故重新在学了学利用zxing生成二维码 接下来先做准备工作了,因为我是用vs2013上开发的,故选择了.net4.5版本的z ...

  10. nginx优化 突破十万并发

    一.一般来说nginx 配置文件中对优化比较有作用的为以下几项: 1.  worker_processes 8; nginx 进程数,建议按照cpu 数目来指定,一般为它的倍数 (如,2个四核的cpu ...