js的一些复习
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的一些复习的更多相关文章
- Python flask+css+js+ajax 综合复习
flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用 request.args.get('变量') 去接收, get ...
- 从零开始的全栈工程师——JS面向对象(复习)
作用域 栈内存:js执行的环境堆内存:存放代码块的空间 存放方式 键值对形式存放 字符串的形式存放js在执行之前 浏览器会给他一个全局作用域叫window 每个作用域下都分为两个模块 一个是内存模块一 ...
- JS高级. 01 复习JS基础
1. JavaScript 包含: ____, ____, 和 ____. 2. JavaScript 的基本类型有 ____, ____, 和 ____. 3. JavaScript 的复合类型有 ...
- js 跨域复习 window.name | window.domain | iframe | Jsonp
引起跨域的原因: 浏览器的同源策略,但是当你要发送请求的时候,出于安全性问题,浏览器有严格的要求,必须协议,域名,端口都相同,这个就是同源策略. 影响:a通过js脚本向b发送ajax请求,不同源就会报 ...
- js 数组知识复习
2.Array类型 2.1 创建数组 两种方式: 1.new Array(); //创建一个空数组 var arr1 = new Array(); //创建一个长度为10的空数组, var arr2 ...
- JS对象总结
JS对象总结 复习: 1.1 JS中对象有三种:内置对象(数组Array对象.String字符串对象.RegExp正则表达式对象.Math对象). 宿主对象(JS脚本所在的运行环境,目前我们讲的脚 ...
- javascript中对编码的解读
首先来一下js知识的巩固与复习 js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,deco ...
- JS复习--更新结束
js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...
- 【JS复习笔记】07 复习感想
好吧,其实<JavaScript语言精粹>后面还简单介绍了代码风格,优美特性,以及包含的毒瘤.糟粕. 但我很快就看完了,发现其实都在前面讲过了,所以就不写了. 至今为止已经算是把JavaS ...
随机推荐
- PowerDesigner 15.2入门学习 一
好久没有搞 PowerDesigner 然后记录一下 1.下载地址 http://download.sybase.com/eval/PowerDesigner/PowerDesigner152_Eva ...
- viewPager的基本使用
viewPager是android扩展包v4中的类,这个类可以使用户左右切换当前的view. 特性: 1.viewPager直接继承了viewGroup类,所以它是一个容器类,可以在其中添加其它的vi ...
- 安卓中級教程(2):@InjectView中的對象inject
package com.example.ele_me.util; import java.lang.annotation.Annotation; import java.lang.reflect.Fi ...
- python - ConfigParser
ConfigParse 作用是解析配置文件. 配置文件格式如下 [test1]num1: 10[test2]num1: 35 配置文件两个概念section和option, 在这个例子中第一个sect ...
- jquery 图片本地预览
uploadPreview.js /* *名称:图片上传本地预览插件 v1.1 *介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari *参数说明: I ...
- zepto源码--核心方法6(显示隐藏)--学习笔记
在不引入zepto插件模块fx_metho其他ds的情况下,zepto默认的显示隐藏的函数只有show, hide, toggle,这里解释有个前提条件,就是没有引入zepto的fx_methods插 ...
- 使用Mod_JK链接Apache和Tomcat
There are many potential problems associated with the default configuration of mod_jk. Let's say it ...
- java基础算法-快速排序
玩博客园很多年,第一次写点什么,就从基础开始吧.最近去面试,发现自己算法忘光了,赶紧复习下.以下代码自带测试类,复制进eclipse中右键 run as -->java application ...
- RFC-2068-http
本文档规定了互联网社区的标准组协议,并需要讨论和建议以便更加完善.请参考 “互联网官方协议标准”(STD 1)来了解本协议的标准化状态.本协议不限流传发布. 版权声明 Copyright (C) Th ...
- Struts(七):action配置文件之通配符映射
通配符映射:一个Web应用可能有成百上千个action声明,可以使用struts提供的通配符映射机制把多个彼此相似的映射关系简化为一个映射关系. 通配符映射规则: 若找到多个匹配,没有通配符的那个将胜 ...