JavaScript(复习总结)
一、三个常用对话框
1、alert(""):警告对话框,作用是弹出一个警告对话框(最常用)
2、confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返回true,取消返回false,可用变量来接收。
3、primpt("要显示的文字"):可以允许用户输入内容的对话框
二、JavaScript基本语法
1、变量
都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义。但习惯上定义。
定义变量: var a; //所有变量定义都用var定义,var是通用的可变类型。
2、类型转换
分为自动转换和强制转换,一般用强制转换。
其他类型转换为整数:parseint();
其他类型转换为小数:parsefloat();
3、运算符
数学运算符:+ - * / % ++ --;
关系运算符:== != >= <= > <;
逻辑运算符:&& || !;
其他运算符:+= -= *= /= %= ?:;
4、语句
一般分为顺序、分支和循环语句。
(1)分支语句: if{}else{} if{}else{}
(2)循环for语句:
5、数组(类型固定,长度不固定)
数组的定义:new Array(); //它的长度是动态变化的,里面可以放任意类型的元素。
数组元素的赋值:a[0]=123; a[1]="hello"; //元素中的索引从0开始。
数组的取值:a[i];
数组属性:a.length; //数组元素的个数,长度。没有count()
方法:a.sort(); //数组排序,按照每一个元素的第一个字符进行排序。
a.reverse(); //翻转数组。
6、函数
函数的四要素:名称、输入、返回值、加工。
定义函数:function add(形参){函数体} //函数名为add,输入为参数的形式,返回值可以是var类型,也可以return一个返回值。
匿名函数:function(){函数体}
函数必须经过调用才能执行。函数的调用:add(实参)
三、Windows对象操作
(一)部分
1、window.open("打开的地址","打开的位置")
2、window.opener:打开此页面的上一个页面对象
3、window.close():关闭当前页面
4、window.navigate("url") 跳转至目标页面(超链接),在谷歌浏览器下有bug;(不常用)
5、window.moveTo(x,y) 移动页面至某一位置,位置由x和y决定;(不常用)
6、window.resizeTo(宽,高) 调整页面的宽度和高度;(不常用)
7、window.scrollTo(x,y)滚动页面至哪里,y代表纵向滚动;(不常用)
(二)Window.history对象
1、window.history.back();页面进行后退;——主要记住
2、window.history.forward();页面前进;
3、window.history.go(n); n如果是正数则代表前进n个页面,n如果是负数则代表后退n个页面,一般常用这一种。
(三)Window.location对象
location地址栏
window.location.href="http://www.baidu.com";修改页面地址,会跳转页面(超链接)——主要记住(优先使用做超链接)
四、Windows对象——window.document对象
它可以将Html中的元素提取到js里面,然后对它进行各种各样的操作
它是js中的核心中的核心
(一)取元素
1、docunment.getElementById("id");根据id找,最多找一个;
2、docunment.getElementsByClassName("name") 根据classname找,找出来的是数组;
3、docunment.getElementsByName("name");根据name找,找出来的是数组;
4、docunment.getElementsByTagName("name");根据标签名找,找出来的是数组;
注:根据id和classname最好用
(二)操作内容
1、普通元素
取值:alert(a.innerHTML)——会将元素内的所有内容,包括元素标记都取出来
alert(a.innerText)——只取里面的文字,忽略所有被编译元素
赋值:a.innerHTML = "<font color=red >hello world </font>"——如果内容有元素,编译后实现
a.innerText——会将赋的东西原样呈现
2、变单元素
取值:var t = document.f1.t1——form表单ID为f1里面的ID为t1的input;
var t = document.getElementById("id")—— 直接用ID获取。
alert(t.value)——获取input中的value值;
赋值: t.value="内容改变";
注:所有表单元素取值赋值都用value
(二)操作属性
1、添加、修改属性
对象.setAttribute("属性名","属性值")——如果没有此属性会添加进去,相反,会修改此属性的值
2、获取属性:
对象.getAttribute("属性名")——获取属性的值;
3、删除属性:
对象.removeAttribute("属性名")——移除一个属性。
(三)操作样式
1、添加、修改样式
对象.style.样式名称=值
2、获取样式
var ....=对象.style.样式名称
(四)相关元素操作——写通用特效用
var a = document.getElementById("id");找到a;
var b = a.nextSibling——找a的下一个同辈元素,注意包含空格;
var b = a.previousSibling——找a的上一个同辈元素,注意包含空格;
var b = a.parentNode——找a的上一级父级元素;
var b = a.childNodes——找出来的是数组,找a的下一级子元素;
var b = a.firstChild——第一个子元素,lastChild最后一个,childNodes[n]找第几个;
alert(nodes[i] instanceof Text);——判断是不是文本,是返回true,不是返回flase,用if判断它的值是不是false,可以去除空格。
注意:回车和空格都算作一个元素
五、事件
1、onclick:鼠标单击触发
ondblclick:双击触发
2、onmouseover:鼠标移动上面触发
onmouseout:鼠标离开时触发
3、onblur:失去焦点时触发
onfocus:获得焦点是触发
4、onkeyup:按键抬起来的时候触发
补:1、获得某个元素的当前高度、宽度...... ——offsetheight、offsetwidth、offset什么.......
2、浏览器尺寸改变触发的事件:window.onresize
JavaScript(复习总结)的更多相关文章
- javascript 复习代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- JavaScript复习笔记——字符串
String构造器可以使用new调用,也可以不使用,但是,这两种调用的结果也是完全不一样的.用new调用的时候,String作为构造器函数,创建字符串对象.不使用new的时候,String用作一个常规 ...
- JavaScript复习之--javascript数据类型隐式转换
JavaScript数据类型隐式转换.一,函数类 isNaN() 该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true. alert() 输出的内容隐式的 ...
- javascript复习笔记
/* Javascript:用来在页面中编写特效,和HTML.CSS一样都是有浏览器解析 Javascript语言: 一.JS如何运行(javascript,jscript,vbscript,appl ...
- JavaScript复习总结一(入门)
总是执着想学各种框架,但忘了基础学好才最重要.每次打开菜鸟教程想重温基础内容,然后就像翻开英文字典,永远在abandon...还是需要做个笔记. 一来加深学习印象,二来等下次打开学习可以知道自己上次学 ...
- JavaScript复习大纲
1. HTML.CSS和JavaScript各自在网页设计中的作用. 1.HTML生成结构. 2.CSS样式美化. 3.JavaScript的作用: (1) 操作HTML及CSS,让网页具有动态行为. ...
- JavaScript复习 1
概括及使用方法: JavaScript编写规范 一般放在<head>-</head>中间 逐行被执行,越短越好 大小写敏感 语句是基本单位 通常以分号表示语句结束 多行语句可以 ...
- javascript复习总结
改变HTML内容:document.getElementById(id).innerHTML = new HTML; 改变HTML属性:document.getElementById(id).inne ...
- JavaScript复习
一.常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返 ...
随机推荐
- 修改mysql用户名密码 和 PHPmysqlAdmin对应密码修改
本地的mysql运行时,可能会用到修改用户名密码: mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('输入新密码');不存在修改用户啊 ...
- asp.net 页面的Meta元素
<meta charset="utf-8" /> <meta name="viewport" content="initial ...
- oracle中的装换函数
日期装换成字符的函数:TO_CHAR(date[,fmt[,params]]) 默认格式:DD-MON-RR 参数说明: date:将要装换的日期 fmt:装换的格式 params:日期的语言(可以不 ...
- Spring源码学习之:ClassLoader学习(4)
转载:http://www.codeceo.com/article/java-classloader.html 一:什么是ClassLoader?===>大家都知道,当我们写好一个Java程序之 ...
- CVE-2014-6271 Bash漏洞利用工具
CVE-2014-6271 Bash漏洞利用工具 Exploit 1 (CVE-2014-6271) env x='() { :;}; echo vulnerable' bash -c "e ...
- selenium加载时间过长
为了获取网站js渲染后的html,需要利用selenium加载网站,但是会出现加载时间过长的现象,因此可以限制其加载时间以及强制关掉加载: # !/usr/bin/python3.4 # -*- co ...
- C# :GDI+技术生成复杂型彩色验证码(转载)
该类是生成一个验证码的类,集合了网上大部分的C#关于GDI+的文章进行多次改进,现在已经形成了可在生产环节中使用的验证码. 该验证码加入了背景噪点,背景噪点曲线和直线,背景噪点文字以及扭曲,调暗,模糊 ...
- 一个很奇怪的重复链接lib的问题
早上在调一个程序的时候感觉非常奇怪,就是数据在初始化的时候会失败,后来发现是获取一个数据的时候出错了 假设我们又一个config.lib,sql.dll和main.exe 因为数据库在打开数据库的时候 ...
- ruby 查询mysql方法
首先对需要使用的数据库进行封装,便于使用:数据库表封装源码: mysqlapi.rb #业务涉及的数据库的配置ActiveRecord::Base$db1={:adapter => " ...
- Linxu IO测试软件
fio 安装 apt-get install fio fdisk -l Device Boot Start End Blocks Id System/dev/sda1 * 2048 968390655 ...