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-11-07 16:41:20

JS 复习的相关文章

js复习---string

对js的string的方法复习: 1.charCodeAt()  返回一个整数,代表指定位置字符串的unicode编码. strObj.charCodeAt(index) index 是处理字符的从零开始计数的编号.有效为0到1 的数字. 如果没有指定位置的字符串则返回nan. 2.fromCharCode() 方法从一些unicode字符串中返回一个字符串. String.fromCharCode([code1[,code2...]]) : 说明: code1,code2...是要转换为字符串

Day55:js复习和扩展

一.复习 二.JS扩展 1.JS是作用域 作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理. 任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期.在JavaScript中,变量的作用域有全局作用域和局部作用域两种. 1. 全局作用域(Global Scope) 在代码中任何地方都能访问到的对象拥有全局作用域,一般来说一下几种情形拥有全局作用域:

JS复习以及JSfor循环语句

昨天讲了一些JS简单的脚本语言,今天复习了一下,看了一下师哥们二阶段的成果展示,也有些感触,出现了很多的问题,我们刚开始学也能看出很多的问题,很多细节没有处理好.以后自己做项目的时候一定要注意.今天讲的内容很少,主要在于多练习,练多了才能去更深的理解. 下面对于今天学习的JS做一下总结: for(初始值;判断条件;状态改变){执行语句 }  0,初始值 1,判断 2,执行语句 3,状态改变  1, 2, 3, ----  1,判断为false for(var i = 1; i < 5; i++)

【JS复习笔记】02 对象与函数

好吧,因为很重要的事情,几天没写笔记了. 关于对象: ||可以用来填充默认值,如:myApp.name || "无" &&可以用来避免错误,myApp.NameObj有某种情况不存在,那么可以用myApp.NameObj && myApp.NameObj.Name避免脚本错误 所有通过对象字面量创建的对象都连接到Object.prototype,当你创建某对象时也可以选择另一个对象作为它的原型,比如: if(typeof Object.beget!=='

【JS复习笔记】01 基本语法

数字: JS只有一种数字类型,相当于double.(不知道为什么,我每次打double输入法都会出现逗比了三个字) NaN是一个数值,可以用isNaN(number)检测NaN Infinity表示所有大于一个非常大的数值的值 JS有一个对象Math,它包含一套作用于数字的方法. 字符串: Js中所有字符都是Unicode的,16位 Js没有字符类型,只需创建仅包含一个字符的字符串即可 反斜线,引号和控制字符可以用转义字符插到字符串中,如"A"==="\u0041"

【JS复习笔记】00 序

作为一个前端苦手,说是复习,你就当我是重学好了. 好吧,我当然不可能抱着一个砖头去复习,所以捡了本薄的来读——<JavaScript语言精粹>. 当初带我的人说这本书挺好,就看这本书好了.我觉得他说的挺对.我喜欢这么薄的书,言简意赅. 好吧,废话少说,来点正经的小总结. JavaScript是原型继承的,就是说它直接从其它对象继承属性.如果你对原型继承有点不懂,可以去看看原型模式,大概就是那个样子了. JavaScript依赖于全局变量进行连接.所有编译单元的顶级变量都被撮合到一个被称为全局对

webpack.js 复习笔记

1.最简单的命令 hello.js function hello(str){ alert(str) } webpack hello.js hello.bundl.js //即把hello.js 压缩成 hello.bundle.js 2.requrie hello.js require('./world.js') function hello(str){ alert(str) } world.js function world(){ return { } } webpack hello.js h

【JS复习笔记】03 继承

关于继承 好吧,说到底JS还是原型继承的,而不是类继承.所以在这个上面要经常用到prototype去继承另一个对象. 所有的构造器函数都约定命名为首字母大写的形式,并且不以首字母大写的形式拼写任何其它的东西.当然一个更好的备选方案是根本就不用new.(太棒了,你说什么就是什么咯,我就当JS没这个东西了) 为什么呢,因为伪类模式就是一种画虎不成反类犬的模式,它试图去迎合我们这些玩类继承的程序员,但是其实它还有更多更好的选择. 那就是原型继承,然后创建对象的时候函数化,这样就可以对创建有私有变量的对

【JS复习笔记】05 正则表达式

好吧,正则表达式,我从来没记过.以前要用的时候都是网上Copy一下的. 这里还是扯一下吧,以后要是有要用到的正则表达式那么就收集到这个帖子里.(尽管我认为不会,因为我根本就不是一个专业的前端,我只是来划下水的\(^o^)/) 应用范围:正则表达式主要应用于对字符串中的信息实现查找,替换和提取操作. 可处理正则表达式的方法有6个: regexp.exec,regexp.test,string.match,string.replace,string.search和string.split 应用原因:

[JS复习] JS 基础知识

项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or block 可切换 1 <p>1.两个用于标出范围的标签</p> 2 <div>2. div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级