js的复习

一、三个对话框
1、alert("")警告对话框
2、confirm("")确定对话框
3、prompt("","")可输入内容的对话框,返回null
二、数据类型
1、var通用类型
2、数据类型转换
(1)转为数值类型 
parseint();
(2)转为string类型 
在要转换的内容前面加上空字符串("")
(3)判断是否是数字
isNaN();是数字返回false,不是数字返回true
三、语句
(1)分支语句
if(){}else{}
(2)循环语句
for(初始条件;循环条件;状态改变){循环体}
break;终止循环
continue;终止本次循环
四、数组
var a=new Array();
长度是动态变化的,可以放任意类型
1、取值:var aa=a[i];
2、赋值:a[0]=123;a[1]="hello";
3、长度:a.length;
4、排序:a.sort();
5、翻转数组:a.reverse();
五、函数
function 函数名(形数){函数体}
调用:函数名(实参)
六、DOM操作
1、window
(1)window.open(a,b,c,d)
参数:
a--页面地址 "Default.aspx"
b--打开方式 "_blank" 新开页面
c--窗口样式,用空格隔开(针对于IE浏览器管用)
toolbar=no 无工具条
width=100px height=100px left=100px 
(2)window.close()关闭当前窗口
window.opener.close()关闭父窗口
(3)window.scrollto(x,y) 滚动到页面的位置
(4)window.history
window.history.back();页面后退
window.history.forward();页面前进
window.history.go(n);前进或后退n个页面
(5)window.location
获取当前页地址 var s=window.location.href();
跳转页面 window.location.href="";

2、window.document
(1)获取元素
var a = document.getElementById("");
var a = document.getElementsByClassName("");
var a = document.getElementsByName("");
var a = document.getElementsByTagName("");
(2)操作内容
1)非表单元素
innerHTML 获取标签里的html代码和文字
赋值:将其中的html代码执行
取值:html代码和文字会取出,但是不执行html代码
innerText 
赋值:获取标签里的html代码和文字,不执行html代码
取值:只取文字
注意:一般用innerHTML赋值,用innerText 取值
2)表单元素
value取值和赋值都会原样呈现
checkbox/redio 取value值: a.value; 取按钮后边的文字:a.nextSibling.innerText
<select></select> 取值:选择哪一个取出哪一个
(3)操作属性
1)设置属性 setAttribute("name","value")
2)移除属性 removeAttribute("name")
3)获取属性 getAttribute("")

改变样式 this.setAttribute("class", "div3 div2");
(4)操作样式
this.style.样式=""
获取样式的值 this.offsetHeight 高度
this.offsetLeft 距离左边的距离
this.offsetTop 距离上边的距离
this.offsetWidth 宽度
(5)相关元素操作
var b=a.nextSibling 找下一个同辈元素,注意空格
var b=a.previousSibling 找上一个同辈元素,注意空格
3、正则表达式
使用正则表达式验证
if(/正则表达式/.test(字符串)){}
4 事件
单击事件 onclick
鼠标离开时触发 onmouseout
鼠标移到上面时触发 onmousemove
案件抬起来时触发 onkeyup
双击触发 ondblclicke
获得焦点时触发 onfocus

时间: 2024-10-13 14:39:02

js的复习的相关文章

JS基础 复习: Javascript的书写位置

爱创课堂JS基础 复习: Javascript的书写位置 复习 js书写位置: body标签的最底部. 实际工作中使用书写在head标签内一对script标签里. alert()弹出框. console.log() 字面量: 数字字面量:整数,浮点数,特殊字符(Infinity,NaN). 字符串字面量:所有的语言, 语言中的数字,特殊字符串. 变量: 定义变量 标识符的规则:第一个字符是字母(a-z,A-Z),下划线,$.其他字符可以是字母(a-z,A-Z),下划线,$,数字.(还不能使用js

JS基础复习

js基础语法 Netcape js基础语法规范(ECMAScript1,2,3,3.1,5(IE9),6   ES    ES6=es2015) DOM BOM BOM :是由浏览器厂商各自实现的,所以差异比较大 DOM:相关的规范  是由W3C维护的 Node的优势  没有浏览器的兼容性问题 前端项目尽量不要使用ES6,需要考虑兼容性问题 --------------------------------数据类型--------------------------- 1.数据类型分类: 基本数据

笔记:js疑难复习

apply 和 call的区别 call 和 apply 的区别只在于这两个函数接受的参数形式不同 var Person = function(name,age){ this.name = name; this.age = age; } Person.prototype.say=function(){ return this.name; } var p1 = new Person('测试1号',20); var p2 = new Person('测试2号',65); console.log(p1

js基础复习---数组操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="keywords" content="js数组操作"> <meta name="description" content="js基础之数组api练习"> <title

js大致复习第一遍

$JavaScript初级-----基础知识 什么是JS(布莱登 艾奇) 是一门脚本语言:不需要编译,直接运行 是一门解释性的语言:遇到一样代码就解释一行代码 是一门动态类型的语言---不解析 是一门基于对象的语言---不解释 是一门弱类型的语言,声明变量的时候都使用var 三个部分 ECMAScript标准: js的基本的语法 * DOM: 文档对象模型(document object model) * BOM: 浏览器对象模型 (browser object model) DOM的作用:操作

js 基础复习 之 js 类型判断

ECMAScirpt 变量有两种不同的数据类型:基本类型,引用类型. 1.基本类型 基本的数据类型有:`undefined,boolean,number,string,null.基本类型的访问是按值访问的,就是说你可以操作保存在变量中的实际的值.基本类型有以下几个特点: 1.基本类型的值是不可变得: 1.任何方法都无法改变一个基本类型的值. var name = 'hello'; name.toUpperCase(); // 输出 'HELLO' console.log(name); // 输出

js 小复习2

1.数组 findIndex()  indexOf() // findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引.否则返回-1. function isBigEnough(element) { return element >= 15; } [12, 5, 8, 130, 44].findIndex(isBigEnough); // 3 console.log([12, 5, 8, 130, 44].findIndex(isBigEnough)) // indexOf()方

js基础复习---字符串操作

var str="hello world";// 1 charAt() 返回字符串的第几个下标字符 console.log(str.charAt(4));// 2:fixed() 以打字机字体显示字符串 document.write(str.fixed());// 3:indexOf()返回某个字符或字符串片段在字符串中首次出现的位置下标,不存在则会返回-1 console.log(str.indexOf("w")); console.log(str.indexOf

js原生复习2.0

// 1.闭包的作用// 实现共有变量,函数累加器的实现// 可以做缓存以及储存结构// 可以实现封装,实现属性私有化// 模块开发,防止全局污染// var name = 123;// var int = (function () {// var name = 456;// function inte() {// console.log(name);//// }// return inte();// }());// 2.递归实现n的阶乘,递归最重要的是找到规律以及出口:// function