在网页中引用 JavaScript 的方式
使用 typeof 判断值类型
String 类型的属性和方法
如何创建数组, 数组的常用属性和方法 #如何创建数组
运输符号
条件结构
常用系统函数和自定义函数
Windows 对象常用的属性和方法 (弹窗, open,close, 定时函数)
location,history 对象的属性和方法
document 对象
JS 内置对象
JS 操作 dom 对象
1.[在网页中引用 JavaScript 的方式]
1. 内部 JS, 直接使用 < script > 标签
2. 外部 JS, 指定 < script > 的 src 属性
3. 直接写在 html 的标签中 (一般极少代码时使用):<input onclick="javascript:alert('欢迎');">
2.[使用 typeof 判断值类型]
变量→类型
undefined→undefined
number→number
String→String
boolean→boolean
null, 引用类型 (对象, 函数, 数组)→object
3.[String 类型的属性和方法]
length 属性
indexOf(字符串, 要查找的字符串); 查找某个字符串在字符串中首次出现的位置
charAt(位置); 返回指定位置的字符串
- toLowerCase();
- toUpperCase();
- substring(指定索引 1, 指定索引 2);
- //HTML 中
substring(index1,index2); 返回在 index1 和 index2 之间的字符串, 不包括 index2 对应的字符
//java 中
substring(index1,index2); 返回在 index1 和 index2 之间的字符串, 包括 index2 对应的字符
//c# 中
substring(index1,length);length 代表截取字符串的长度
split(根据什么字符串分割); 将字符串为字符串数组
4.[如何创建数组]
var 数组名 = new Array(size);
var 数组名 = new Array("xx","xx");
var 数组名 = new Array(2);
数组名 [0]="xx";
数组名 [1]="xx";
数组属性: length
方法: join(分隔符); 把数组的所有元素放入一个字符串, 并用分隔符连接
sort(); 排序
push(); 添加一个或多个元素, 返回新的数组长度
5.[运算符号]
== 比较值,=== 比较值和类型
6.[程序结构]
- for(变量 in 对象){
- // 代码
- }
- var fruit = ["apple","orange"];
- for(var i in fruit){
- document.write(fruit[i]+"<br/>");
- }
7.[常用系统函数和自定义函数]
parseInt("num1","num2");
parseFloat();isNaN();
调用函数: 事件名 ="函数名 ();"
8.[Windows 对象常用的属性和方法]
属性:
history | 访问过的 url |
llacation | 当前的 url |
screen | 只读属性 |
方法:
prompt() | |
alert() | |
confirm() | |
close() | |
open() | |
setTimeout() | |
setInterval() |
9.[location,history 对象的属性和方法]
history 对象: back(),faward(),go()
location 对象:
host | 设置或返回主机名、url 端口号 |
hostname | 设置或返回当前 url 主机名 |
href | 设置或返回完整的 url |
reload() | 重新加载当前文档 |
replace() | 替换当前文档 |
用法:
<a href="javascript:history:back()"></a>
10.[document 的对象和属性]
referrer | 返回载入当前文档的 url(如果不是通过超链接访问的,则为 null) |
url | |
getElementById() | |
getElementByName() | |
getElementByTagName() | |
write() | 向文档写文本、html 表达式、js 代码 |
11.[JS 内置对象]
1.date 对象
2.math 对象
3. 定时函数
- var t = setInterval("renovate()",1000);
- var w = setTimeout("renovate()",1000);
- clearTimeout(w);
- clearInterval(t);
12.[JS 操作 dom 对象]
parentNode() | |
childNodes() | 返回集合,childNodes[i] |
firstChild() | |
lastChild() | |
nextSibling() | |
previousSibling() | |
firstElementChild() | |
lastElementChild() | |
nextElementSibling() | |
previousElementSibling() | |
nodeName | |
nodeValue | |
nodeType | |
getAttribute("") | |
setAttribute("","") | |
createElement(tagName) | tagName 是标签类型 |
A.append(B) | 把 B 节点追加到 A 节点结尾 |
insertBefore(A,B) | 把 A 节点插入 B 节点前 |
cloneNode(node) | |
removeChild(node) | |
replaceChild(new,old) | |
children() 用来查找所有直接子节点
Dom 中节点有三种类型: 元素, 文本, 属性.
基本选择器: 标签 xzq, 类 xzq,idxzq, 并集 xzq, 全局 xzq
层次选择器: 后代, 子 xzq, 相邻元素 xzq, 同辈 xzq.
来源: http://www.bubuko.com/infodetail-3120265.html