Javascript基础

最新推荐文章于 2023-12-01 15:47:25 发布

Alan_Redsheep

最新推荐文章于 2023-12-01 15:47:25 发布

阅读量107

点赞数

分类专栏：前端文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_38055979/article/details/86665010

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML上使用，用来给HTML网页增加动态功能。

使用

浏览器会解释并执行位于 < script> 和 < /script> 之间的 JavaScript。

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>

写在< body>中的语句会在页面加载时执行，事件处理代码需要写入函数中。
脚本可位于 HTML 的 < body> 或 < head> 部分中，通常的做法是把函数放入 < head> 部分中，或者放在页面底部，这样它们不会干扰页面的内容。

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>

也可以把脚本保存到外部文件中，通常包含被多个网页使用的代码，文件扩展名是 .js。

<script src="myScript.js"></script>

JavaScript 对大小写是敏感的。
浏览器会在读取代码时，逐行地执行脚本代码。
可以在文本字符串中使用反斜杠对代码行进行换行。

document.write("Hello \
World!");//这样可以

document.write \
("Hello World!");//这样不行

基础语法

变量
弱类型语言，统一用var表示变量
数据类型
数值，字符串，布尔，数组，对象，Undefined(不含有值)，Null(置空变量)
运算符

算术运算符；
赋值运算符；
比较运算符；
逻辑运算符；
三目运算符；
字符串连接“+”

控制语句

if…else 语句；
switch 语句；
for 循环语句；
while/do…while 语句；
break/continue 语句；

错误

try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。

try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.message + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);
  }

try
  {
  var x=document.getElementById("demo").value;
  if(x=="")    throw "empty";
  if(isNaN(x)) throw "not a number";
  if(x>10)     throw "too high";
  if(x<5)      throw "too low";
  }
catch(err)
  {
  var y=document.getElementById("mess");
  y.innerHTML="Error: " + err + ".";
  }
}

验证

必填（或必选）项目验证

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post"> 
First name: <input type="text" name="fname"> 
<input type="submit" value="Submit"> 
</form>

function validateForm()        
{        
var x=document.forms["myForm"]["fname"].value;        
if (x==null || x=="")        
  {        
  alert("First name must be filled out");        
  return false;        
  }        
}

E-mail 验证

function validateForm()        
{        
var x=document.forms["myForm"]["email"].value;        
var atpos=x.indexOf("@");        
var dotpos=x.lastIndexOf(".");        
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)        
  {        
  alert("Not a valid e-mail address");        
  return false;        
  }       
}

DOM

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。

简介
JavaScript 能够改变页面中的所有 HTML 元素、HTML 属性、 CSS 样式，对页面中的所有事件做出反应。
可以通过 id 、标签名、类名找到 HTML 元素。

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

改变 HTML

.js		//改变 HTML 内容
var element=document.getElementById("header").innerHTML="New Header";

.js 		//改变 HTML 属性值
document.getElementById("image").src="landscape.jpg";

改变 CSS

.js		//改变 HTML 样式
document.getElementById("p2").style.color="blue";

事件

属性	此事件发生在何时…
onabort	图像的加载被中断。
onblur	元素失去焦点。
onchange	域的内容被改变。
onclick	当用户点击某个对象时调用的事件句柄。
ondblclick	当用户双击某个对象时调用的事件句柄。
onerror	在加载文档或图像时发生错误。
onfocus	元素获得焦点。
onkeydown	某个键盘按键被按下。
onkeypress	某个键盘按键被按下并松开。
onkeyup	某个键盘按键被松开。
onload	一张页面或一幅图像完成加载。
onmousedown	鼠标按钮被按下。
onmousemove	鼠标被移动。
onmouseout	鼠标从某元素移开。
onmouseover	鼠标移到某元素之上。
onmouseup	鼠标按键被松开。
onreset	重置按钮被点击。
onresize	窗口或框架被重新调整大小。
onselect	文本被选中。
onsubmit	确认按钮被点击。
onunload	用户退出页面。
altKey	返回当事件被触发时，“ALT” 是否被按下。
button	返回当事件被触发时，哪个鼠标按钮被点击。
clientX	返回当事件被触发时，鼠标指针的水平坐标。
clientY	返回当事件被触发时，鼠标指针的垂直坐标。
ctrlKey	返回当事件被触发时，“CTRL” 键是否被按下。
metaKey	返回当事件被触发时，“meta” 键是否被按下。
relatedTarget	返回与事件的目标节点相关的节点。
screenX	返回当某个事件被触发时，鼠标指针的水平坐标。
screenY	返回当某个事件被触发时，鼠标指针的垂直坐标。
shiftKey	返回当事件被触发时，“SHIFT” 键是否被按下。

//直接写在html元素中，事件属性
<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>

//事件调用系统函数或定义在head中的函数，分配事件
<button onclick="displayDate()">点击这里</button>

//将js写在元素后，分配事件
<button id="myBtn">点击这里</button>
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>

节点(元素)

//添加新节点到最后
<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

// 添加新节点到前面的位置
element.insertBefore(para,child);

//删除节点
parent.removeChild(child);

//替换节点
<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);

var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.replaceChild(para,child);
</script>

JavaScript对象

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数，允许自定义对象，提供多个内建对象，比如 String、Date、Array 等等。

JavaScript 基于 prototype，而不是基于类的。

构造

//直接创建
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
//使用对象 literals创建
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

//对象构造器
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}
var myFather=new person("Bill","Gates",56,"blue");

遍历

for (x in person)
  {
  txt=txt + person[x];
  }

数字Number

JavaScript 中的所有数字都存储为根为 10 的 64 位（8 比特），浮点数。

整数（不使用小数点或指数计数法）最多为 15 位。小数的最大位数是 17，但是浮点运算并不精确。

如果前缀为 0，为八进制数，如果前缀为 “0x”，则解释为十六进制数。

属性	描述
constructor	返回对创建此对象的 Number 函数的引用。
MAX_VALUE	可表示的最大的数。
MIN_VALUE	可表示的最小的数。
NaN	非数字值。
NEGATIVE_INFINITY	负无穷大，溢出时返回该值。
POSITIVE_INFINITY	正无穷大，溢出时返回该值。
prototype	使您有能力向对象添加属性和方法。

方法	描述
toString	把数字转换为字符串，使用指定的基数。
toLocaleString	把数字转换为字符串，使用本地数字格式顺序。
toFixed	把数字转换为字符串，结果的小数点后有指定位数的数字。
toExponential	把对象的值转换为指数计数法。
toPrecision	把数字格式化为指定的长度。
valueOf	返回一个 Number 对象的基本数字值。

字符串String

属性	描述
constructor	对创建该对象的函数的引用
length	字符串的长度
prototype	允许您向对象添加属性和方法

方法	描述
big()	用大号字体显示字符串。
bold()	使用粗体显示字符串。
italics()	使用斜体显示字符串。
fontcolor()	使用指定的颜色来显示字符串。
fontsize()	使用指定的尺寸来显示字符串。
small()	使用小字号来显示字符串。
strike()	使用删除线来显示字符串。
sub()	把字符串显示为下标。
sup()	把字符串显示为上标。
fixed()	以打字机文本显示字符串。
charAt()	返回在指定位置的字符。
charCodeAt()	返回在指定的位置的字符的 Unicode 编码。
concat()	连接字符串。
indexOf()	检索字符串。
lastIndexOf()	从后向前搜索字符串。
link()	将字符串显示为链接。
localeCompare()	用本地特定的顺序来比较两个字符串。
match()	找到一个或多个正则表达式的匹配。
replace()	替换与正则表达式匹配的子串。
search()	检索与正则表达式相匹配的值。
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分。
split()	把字符串分割为字符串数组。
substr()	从起始索引号提取字符串中指定数目的字符。
substring()	提取字符串中两个指定的索引号之间的字符。
toLocaleLowerCase()	把字符串转换为小写。
toLocaleUpperCase()	把字符串转换为大写。
toLowerCase()	把字符串转换为小写。
toUpperCase()	把字符串转换为大写。
toString()	返回字符串。
valueOf()	返回某个字符串对象的原始值。

日期Date

属性	描述
constructor 返	回对创建此对象的 Date 函数的引用。
prototype	使您有能力向对象添加属性和方法。

方法	描述
Date()	返回当日的日期和时间。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getFullYear()	从 Date 对象以四位数字返回年份。
getYear()	请使用 getFullYear() 方法代替。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份。
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()	返回该对象的源代码。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toDateString()	把 Date 对象的日期部分转换为字符串。
toGMTString()	请使用 toUTCString() 方法代替。
toUTCString()	根据世界时，把 Date 对象转换为字符串。
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC()	根据世界时返回 1970 年 1 月 1 日到指定日期的毫秒数。

数组Array

属性	描述
constructor	返回对创建此对象的数组函数的引用。
length	设置或返回数组中元素的数目。
prototype	使您有能力向对象添加属性和方法。

方法	描述
concat()	连接两个或更多的数组，并返回结果。
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()	颠倒数组中元素的顺序。
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
sort()	对数组的元素进行排序
splice()	删除元素，并向数组添加新元素。

Math

属性	描述
E	返回算术常量 e，即自然对数的底数（约等于2.718）。
LN2	返回 2 的自然对数（约等于0.693）。
LN10	返回 10 的自然对数（约等于2.302）。
LOG2E	返回以 2 为底的 e 的对数（约等于 1.414）。
LOG10E	返回以 10 为底的 e 的对数（约等于0.434）。
PI	返回圆周率（约等于3.14159）。
SQRT1_2	返回返回 2 的平方根的倒数（约等于 0.707）。
SQRT2	返回 2 的平方根（约等于 1.414）。

方法	描述
abs(x)	返回数的绝对值。
acos(x)	返回数的反余弦值。
asin(x)	返回数的反正弦值。
atan(x)	以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x)	返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。
ceil(x)	对数进行上舍入。
cos(x)	返回数的余弦。
exp(x)	返回 e 的指数。
floor(x)	对数进行下舍入。
log(x)	返回数的自然对数（底为e）。
max(x,y)	返回 x 和 y 中的最高值。
min(x,y)	返回 x 和 y 中的最低值。
pow(x,y)	返回 x 的 y 次幂。
random()	返回 0 ~ 1 之间的随机数。
round(x)	把数四舍五入为最接近的整数。
sin(x)	返回数的正弦。
sqrt(x)	返回数的平方根。
tan(x)	返回角的正切。

正则表达式RegExp

var patt1=new RegExp("...");

方法	作用
test()	方法检索字符串中的指定值，返回布尔值
exec()	方法检索字符串中的指定值，返回值是被找到的值，没有发现匹配，则返回 null
compile()	用于改变 RegExp。既可以改变检索模式，也可以添加或删除第二个参数。

全局函数

函数	描述
decodeURI()	解码某个编码的 URI。
decodeURIComponent()	解码一个编码的 URI 组件。
encodeURI()	把字符串编码为 URI。
encodeURIComponent()	把字符串编码为 URI 组件。
escape()	对字符串进行编码。
eval()	计算 JavaScript 字符串，并把它作为脚本代码来执行。
isFinite()	检查某个值是否为有穷大的数。
isNaN()	检查某个值是否是数字。
Number()	把对象的值转换为数字。
parseFloat()	解析一个字符串并返回一个浮点数。
parseInt()	解析一个字符串并返回一个整数。
String()	把对象的值转换为字符串。
unescape()	对由 escape() 编码的字符串进行解码。

全局属性

属性	描述
Infinity	代表正的无穷大的数值。
NaN	指示某个值是不是数字值。
undefined	指示未定义的值。

JavaScript Window（Browser 对象）

浏览器对象模型BOM（Browser Object Model），使 JavaScript 有能力与浏览器“对话”。

Window

所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

获得浏览器尺寸（兼容的Javascript）
var w=window.innerWidth
//对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari
|| document.documentElement.clientWidth
//对于 Internet Explorer 8、7、6、5
|| document.body.clientWidth;
//对于 Internet Explorer 8、7、6、5

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

属性	描述
closed	返回窗口是否已被关闭。
document	对 Document 对象的只读引用。
innerHeight	返回窗口的文档显示区的高度。
innerWidth	返回窗口的文档显示区的宽度。
length	设置或返回窗口中的框架数量。
parent	返回父窗口。
screen	对 Screen 对象的只读引用。请参数 Screen 对象。
screenLeft	返回相对于屏幕窗口的x坐标
screenTop	返回相对于屏幕窗口的y坐标
screenX	返回相对于屏幕窗口的x坐标
screenY	返回相对于屏幕窗口的y坐标
self	返回对当前窗口的引用。等价于 Window 属性。
location	用于窗口或框架的 Location 对象。请参阅 Location 对象。
history	对 History 对象的只读引用。请参数 History 对象。
document	对 Document 对象的只读引用。(请参阅对象)
navigator	对 Navigator 对象的只读引用。请参数 Navigator 对象。

方法	描述
alert()	显示带有一段消息和一个确认按钮的警告框。
prompt()	显示可提示用户输入的对话框。
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
open()	打开一个新的浏览器窗口或查找一个已命名的窗口。
close()	关闭浏览器窗口。
stop()	停止页面载入。
setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()	在指定的毫秒数后调用函数或计算表达式。
clearInterval()	取消由 setInterval() 设置的 timeout。
clearTimeout()	取消由 setTimeout() 方法设置的 timeout。
focus()	把键盘焦点给予一个窗口。
moveBy()	可相对窗口的当前坐标把它移动指定的像素。
moveTo()	把窗口的左上角移动到一个指定的坐标。
resizeBy()	按照指定的像素调整窗口的大小。
resizeTo()	把窗口的大小调整到指定的宽度和高度。
scrollBy()	按照指定的像素值来滚动内容。
scrollTo()	把内容滚动到指定的坐标。

Screen

属性	说明
availHeight	返回屏幕的高度（不包括Windows任务栏）
availWidth	返回屏幕的宽度（不包括Windows任务栏）
height	返回屏幕的总高度
width	返回屏幕的总宽度
pixelDepth	返回屏幕的颜色分辨率（每象素的位数）

Location

属性	描述
hash	返回一个URL的锚部分
host	返回一个URL的主机名和端口
hostname	返回URL的主机名
href	返回完整的URL
pathname	返回的URL路径名。
port	返回一个URL服务器使用的端口号
protocol	返回一个URL协议
search	返回一个URL的查询部分

History

属性	说明
length	返回历史列表中的网址数

方法	说明
back()	加载 history 列表中的前一个 URL
forward()	加载 history 列表中的下一个 URL
go()	加载 history 列表中的某个具体页面

Navigator

属性	说明
appCodeName	返回浏览器的代码名
appName	返回浏览器的名称
appVersion	返回浏览器的平台和版本信息
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值
platform	返回运行浏览器的操作系统平台
userAgent	返回由客户机发送服务器的user-agent 头部的值

存储

Web 存储 API 提供了 sessionStorage （会话存储）和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。

属性	描述
localStorage	用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
sessionStorage	用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

方法	描述
key(n)	返回存储对象中第 n 个键的名称
getItem(keyname)	返回指定键的值
setItem(keyname, value)	添加键和值，如果对应的值存在，则更新该键对应的值。
removeItem(keyname)	移除键
clear()	清除存储对象中所有的键

DOM 对象

文档是一个文档节点，HTML元素都是元素节点，HTML 属性都是属性节点，文本插入到 HTML 元素是文本节点，注释是注释节点。

Document 对象

当浏览器载入 HTML 文档, 它就会成为 Document 对象，是 HTML 文档的根节点，使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

属性 / 方法	描述
activeElement	返回当前获取焦点元素
cookie	设置或返回与当前文档有关的所有 cookie。
scripts	返回页面中所有脚本的集合。
documentElement	返回文档的根节点
URL	返回文档完整的URL
documentURI	设置或返回文档的位置
lastModified	返回文档被最后修改的日期和时间。
domain	返回当前文档的域名。
embeds	返回文档中所有嵌入的内容（embed）集合
body	返回文档的body元素
title	返回当前文档的标题。
forms	返回对文档中所有 Form 对象引用。
images	返回对文档中所有 Image 对象引用。
links	返回对文档中所有 Area 和 Link 对象引用。
close()	关闭用 document.open() 方法打开的输出流，并显示选定的数据。
open()	打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write()	向文档写 HTML 表达式或 JavaScript 代码。
writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。
createAttribute()	创建一个属性节点
createComment()	createComment() 方法可创建注释节点。
createElement()	创建元素节点。
createTextNode()	创建文本节点。
getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象。
getElementById()	返回对拥有指定 id 的第一个对象的引用。
getElementsByName()	返回带有指定名称的对象集合。
getElementsByTagName()	返回带有指定标签名的对象集合。
querySelector()	返回文档中匹配指定的CSS选择器的第一元素
querySelectorAll()	document.querySelectorAll() 是 HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表
addEventListener()	向文档添加句柄
removeEventListener()	移除文档中的事件句柄(由 addEventListener() 方法添加)
renameNode()	重命名元素或者属性节点。

元素对象

属性 / 方法	描述
accessKey	设置或返回accesskey一个元素
addEventListener()	向指定元素添加事件句柄
appendChild()	为元素添加一个新的子元素
attributes	返回一个元素的属性数组
childNodes	返回元素的一个子节点的数组
children	返回元素的子元素的集合
classList	返回元素的类名，作为 DOMTokenList 对象。
className	设置或返回元素的class属性
firstChild	返回元素的第一个子节点
hasAttribute()	如果元素中存在指定的属性返回 true，否则返回false。
hasAttributes()	如果元素有任何属性返回true，否则返回false。
hasChildNodes()	返回一个元素是否具有任何子元素
hasFocus()	返回布尔值，检测文档或元素是否获取焦点
id	设置或者返回元素的 id。
parentNode	返回元素的父节点
removeAttribute()	从元素中删除指定的属性
removeAttributeNode()	删除指定属性节点并返回移除后的节点。
removeChild()	删除一个子元素
removeEventListener()	移除由 addEventListener() 方法添加的事件句柄
replaceChild()	替换一个子元素
nextSibling	返回该元素紧跟的一个节点
nextElementSibling	返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）。
style	设置或返回元素的样式属性
tabIndex	设置或返回元素的标签顺序。
tagName	作为一个字符串返回某个元素的标记名（大写）
textContent	设置或返回一个节点和它的文本内容
title	设置或返回元素的title属性

属性对象

属性 / 方法	描述
attr.isId	如果属性是 ID 类型，则 isId 属性返回 true，否则返回 false。
attr.name	返回属性名称
attr.value	设置或者返回属性值
attr.specified	如果属性被指定返回 true ，否则返回 false
nodemap.getNamedItem()	从节点列表中返回的指定属性节点。
nodemap.item()	返回节点列表中处于指定索引号的节点。
nodemap.length	返回节点列表的节点数目。
nodemap.removeNamedItem()	删除指定属性节点
nodemap.setNamedItem()	设置指定属性节点(通过名称)

事件对象

鼠标事件

属性	描述
onclick	当用户点击某个对象时调用的事件句柄。
oncontextmenu	在用户点击鼠标右键打开上下文菜单时触发
ondblclick	当用户双击某个对象时调用的事件句柄。
onmousedown	鼠标按钮被按下。
onmouseenter	当鼠标指针移动到元素上时触发。
onmouseleave	当鼠标指针移出元素时触发
onmousemove	鼠标被移动。
onmouseover	鼠标移到某元素之上。
onmouseout	鼠标从某元素移开。
onmouseup	鼠标按键被松开。

键盘事件

属性	描述
onkeydown	某个键盘按键被按下。
onkeypress	某个键盘按键被按下并松开。
onkeyup	某个键盘按键被松开。

框架/对象（Frame/Object）事件

属性	描述
onabort	图像的加载被中断。 ( < object>)
onbeforeunload	该事件在即将离开页面（刷新或关闭）时触发
onerror	在加载文档或图像时发生错误。 ( < object>, < body>和 < frameset>)
onhashchange	该事件在当前 URL 的锚部分发生修改时触发。
onload	一张页面或一幅图像完成加载。
onpageshow	该事件在用户访问页面时触发
onpagehide	该事件在用户离开当前网页跳转到另外一个页面时触发
onresize	窗口或框架被重新调整大小。
onscroll	当文档被滚动时发生的事件。
onunload	用户退出页面。 ( < body> 和 < frameset>)

表单事件

属性	描述
onblur	元素失去焦点时触发
onchange	该事件在表单元素的内容改变时触发( < input>, < keygen>, < select>, 和 < textarea>)
onfocus	元素获取焦点时触发
onfocusin	元素即将获取焦点时触发
onfocusout	元素即将失去焦点时触发
oninput	元素获取用户输入时触发
onreset	表单重置时触发
onsearch	用户向搜索域输入文本时触发 ( <input=“search”>)
onselect	用户选取文本时触发 ( < input> 和 < textarea>)
onsubmit	表单提交时触发

剪贴板事件

属性	描述
oncopy	该事件在用户拷贝元素内容时触发
oncut	该事件在用户剪切元素内容时触发
onpaste	该事件在用户粘贴元素内容时触发

拖动事件

事件	描述
ondrag	该事件在元素正在拖动时触发
ondragend	该事件在用户完成元素的拖动时触发
ondragenter	该事件在拖动的元素进入放置目标时触发
ondragleave	该事件在拖动元素离开放置目标时触发
ondragover	该事件在拖动元素在放置目标上时触发
ondragstart	该事件在用户开始拖动元素时触发
ondrop	该事件在拖动元素放置在目标区域时触发

Console对象

Console 对象提供了访问浏览器调试模式的信息到控制台。

方法	描述
assert()	如果断言为 false，则在信息到控制台输出错误信息。
clear()	清除控制台上的信息。
count()	记录 count() 调用次数，一般用于计数。
error()	输出错误信息到控制台
info()	控制台输出一条信息
log()	控制台输出一条信息
table()	以表格形式显示数据
time()	计时器，开始计时间，与 timeEnd() 联合使用，用于算出一个操作所花费的准确时间。
timeEnd()	计时结束
trace()	显示当前执行的代码在堆栈中的调用路径。
warn()	输出警告信息，信息最前面加一个黄色三角，表示警告

Alan_Redsheep

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础

JavaScriptJavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML上使用，用来给HTML网页增加动态功能。使用浏览器会解释并执行位于 &lt; script&gt; 和 &lt; /script&gt; 之间的 JavaScript。...
复制链接

扫一扫

专栏目录