您是否仍然学习JavaScript或者是高级开发人员,可以有助于保留用于常见的JavaScript命令的参考文档。我们编译了一个可下载的JavaScript Cheam纸张来保持靠近您的桌面。
但首先,让我们回顾JavaScript是什么以及它的工作原理。
什么是JavaScript?
JavaScript是一种编程语言,用于创建网站的交互元素,如地图,滚动视频和动画。它与其他编码语言相同,如HTML和CSS一样。
JavaScript,HTML和CSS之间的区别是什么?
JavaScript,HTML和CSS都是主要的编程语言差异:
HTML是用于定义文本和标题的语言,以及在网页上嵌入图像。 CSS是用于将样式应用于HTML内容的语言,如颜色和字体。 JavaScript是创建互动和动态内容的语言,如移动图形,映射,滚动视频等。
其中JavaScript位于您的网站
JavaScript位于您的网页的HTML中。它需要通过
标签预订。例如:
// JS代码进入此处
您还可以将您的JavaScript添加到文件和链接中在您的HTML代码中。这种形式的链接,有时称为“外部链接JavaScript”,帮助您跟踪代码。
如何编写JavaScript
有类别的JavaScript代码,包括:
变量:变量是可以变化的元素(即可以是数据值更改。)运算符:与其他编程语言一样,操作员操作单个或多个数据值以产生结果。功能:函数取输入并产生相关的输出。这通常是一组执行任务以产生结果的语句。循环:这循环一块代码,直到满足某些条件。 if – else语句:如flowchart,如果 – 如果某些条件为真,则else语句运行代码块。如果条件是假的,则会运行另一个代码块。字符串:字符串是存储文本的方法。在字符串中,第一个字符为0,第二个字符为1,第三个字符为2,等等。正则表达式:还称为Rational表达式,正则表达式是用于匹配字符CO的模式中的一串字符mbinations。数字和数学:数字和数学是数学常量和函数的静态属性。日期:正如名称所示,JavaScript的日期是一个时刻,可以在任何特定日期都有特定的毫秒。 DOM节点:DOM节点是允许JavaScript动态更新页面内容的方法。事件:事件是由运行JavaScript代码的Web页面的任何更改或更新。
JavaScript命令作弊表
在使用JavaScript时,尝试JavaScript命令的完整“备忘单”。
变量
这些是可以变化的元素,其可以包括变量,数据类型和阵列。
最常见的VARI有能力的。当执行代码时,无功变量移动到顶部 |
const的 |
不能被重新分配和变量是不访问之前它们出现的代码内 |
让 |
让变量可以被重新分配,但不重新声明 |
变种年龄= 23 |
编号 | |
变种C =真 | |
Const Pi = 3.14 | |
var name = {firstname:“John”,LastName:“DoE”} |
|
的concat() |
|
加入() | |
弹出() |
|
删除数组的最后一个元素 |
推() |
移除阵列的第一元素 |
|
切片() |
分选() |
在一个特定的方式和位置 |
|
将转换元件,以字符串 |
|
添加到开始一个新的元素 |
[1 |
返回指定对象的原始值 |
|
加入 |
|
/ |
|
(..)分组运算符 |
|
% |
|
递增号码 |
|
递减编号 |
|
< 等于 |
|
<= |
|
==
不等价或不等于类型 |
|
大于 |
|
小于 |
|
大于或等于至 |
|
小于或e |
[(] && |
<< |
|
和语句 |
|
〜 |
NOT |
^ |
XOR |
左移位 |
|
>> |
右移 |
> >> |
零填充换档 |
函数
这些功能执行任务以产生相关输出,包括输出数据和全局函数。 |
|
警报() |
一个警告框显示带有一个OK按钮 |
确认() |
显示了OK的消息框/取消选项 |
将信息写入浏览器 | |
文件。写入()
直接写入HTML文档 |
|
解码统一资源标识符,需要用户输入 |
|
编码()
将URI编码为UTF-8
编码使用数量以表示字母 | |
使用数量以表示字母来表示字母 | |
评估表示为串的JavaScript代码 | |
确定是否通过值是有限数量的 |
|
确定值是否是NaN或不是 |
数() |
解析参数并返回浮点数
解析其参数并返回整数 |
循环 循环 |
这些发生直到满足某些条件。
在JavaScript中创建循环的最常见方法 | |
,而 | 设置条件为一个循环 |
做,而 | 再次,看是否满足条件检查 |
破 | 如果停止条件不满足 |
循环周期 | 如果符合条件 |
如果 – else陈述 |
如果 – else陈述 |
单引号
单引号 单引号 |
|
反斜杠 |
|
[第 |
|
将多个弦连接在一起 |
|
从Carrcode() | |
索引() |
|
lastIndexOf() | |
匹配() | |
代替() |
搜索()
提取串的一部分并返回 |
|
将串分裂成底片,并在指定位置返回它 | substr()
substr() substr() |
提取绳子并在指定位置返回它们 | 亚替换() |
tolowercase() |
|
转化为大写 |
|
返回弦物体的基元值 |
|
正则表达式
这些是模式,包括模式改性剂,BRACkets,metacharacters和量词。 |
|
E |
|
[12 3] |
|
执行全局匹配 |
|
执行多个线匹配 |
|
款待字符串作为一个单一的线 |
|
允许在图案 |
|
非注释和空白贪婪模式 |
|
寻找任何字符的括号之间 |
|
-9] |
用于发现从0到9的 |
[AZ]任何数字 |
从大写字母A查找任何字符为小写Z |
(A | b | C) |
寻找任何替代的与分离|。 |
查找单个字符,除了换行或行终止 |
|
\ W |
字符 |
\ W |
非字符 |
[第 |
|
\ S |
|
a
a |
|
\ 0 |
|
\ n上 |
|
\˚F |
|
\ r |
|
\吨 |
|
通过将八进制数字xxx指定的字符 |
\ XDD |
的字符由一个指定的十六进制数DD |
为\ uXXXX |
通过将十六进制数XXXX规定的Unicode字符 | |
匹配 数字和数学 |
|
的NaN
NEGATIVE_INFINITY |
负无穷大值 |
POSITIVE_INFINITY |
正无穷大值 |
返回用作指数符号的圆形数量 | |
Toprecision() |
|
返回数量作为串 |
|
欧拉数 |
|
天然的对数2 |
|
的10 |
自然对数
log2e |
e |
log10e |
log10e
log10e log10e |
log10e
e |
平方根 |
|
返回X的绝对(阳性)值 |
|
这些包括特定的时间点,包括设置日期,并拉动日期和时间值,并设置日期的一部分。 |
黄褐色(x)的
的角度的正切
创建自定义日期对象。这些数字代表年,月,日,小时,分钟,秒,毫秒。你可以省略一个除了年和月份,你想要的。 | 日期(“2017-06-23”) |
凝乳() |
|
getday() |
|
作为数(0-6) | |
年份作为四位数字(YYYY) |
|
获取小时(0-23) |
|
毫秒(0-999) |
|
获取分钟(0-59) |
|
一个月为数字(0-11) |
|
getSeconds() |
获得的第二个(0-59 ) |
的getTime() |
获取毫秒自1970年1月1日, |
getutcdate() |
|
解析一个日期的字符串表示,并返回因为毫秒数1970年1月1 |
|
设置日为数字(1- 31) |
|
设置(任选月年和日) |
|
设置小时(0-23) |
制定甲素() |
设置月(0-11) |
|
调用setSeconds() |
设置秒(0-59) |
时刻设定() |
设置的时间(毫秒自1970年1月1日) |
调用setUTCDate() |
按照通用时间设置月份中的日期在指定的日期(也可用于一天,月,全年,小时,分钟等。) |
DOM节点
这允许JavaScript更新网页并包括节点属性,节点方法和元素方法。 |
|
属性 |
返回所有的现场集合属性登记和元素 |
基本URI |
提供的HTML元素的绝对基本URL |
的childNodes |
给出的元素的子节点的集合 |
则firstChild |
返回元素 |
lastChild |
最后的孩子的第一个子节点元素的节点 |
nextsibling |
在同一节点树水平处给出下一个节点 |
NodeName
NodeName |
|
返回节点 | |
返回节点的类型 |
的nodeValue |
设置或返回一个节点的值 |
主板 |
返回元素 |
返回紧接在前面目前的一
文本性
的appendChild() |
将新的子节点的元素作为 |
[( ) | |
hasAttributes() | |
haschildnodes() |
|
如果元素有任何子节点,则返回true,否则为false |
|
将新的子节点之前指定的,现有的子节点 |
|
返回true如果指定的命名空间瑞利是默认值,否则为false |
|
isEqualNode() |
|
检查两个元素是相等的 |
isSameNode() |
返回包含给定NamespaceuRi的前缀的DOMString,如果存在 |
ranalize()[Numalize() |
Removechild() |
从元素移除子节点 |
替换() | |
返回元素节点的指定属性值 |
|
返回元素节点的指定属性值 |
|
getAttributeNS() |
与所述指定的命名空间和名称的属性返回字符串值 |
获取指定的属性节点 |
|
getAttributeNodeNS() |
返回属性节点的属性用给定的名称空间和名称 |
的getElementsByTagName() | 提供与指定的标签的所有子元素的集合名称
|
返回元件具有一定的标签名属于给定命名空间的活的HTMLCollection |
|
覆盖指定的属性节点并返回删除节点 |
特征到() |
添加新属性或使用给定的命名空间和名称 |
|
setAttrabutenodens() |
|
事件 |
|
oncontextmenu |
|
按下一个鼠标按钮] |
|
指针在通过元素上移动 |
|
的onmouseover | |
中的一个]的onmouseout | |
onmouseup | |
当使用者按下键 |
|
ONKEYUP |
|
用户释放键 |
|
一个装载媒体被中止 |
|
事件之前的文件将要被卸载发生 |
|
在加载外部文件时发生误差 |
UR1的锚部分变化
广告 | 当对象已加载 |
onpagehide | 用户导航远离网页 |
当用户导航到网页 | |
|
|
当元素失去焦点 |
|
折续 |
|
Onfocus | |
[12 3] |
|
onfocusout在 |
|
oninput |
|
onreset
onα |
|
用户在搜索字段中写入一些东西(对于 ) |
|
和
) |
|
OnsubMit |
Ondrag
Ondrag
元件被拖动 |
|
该用户已完成拖动元素 |
|
拖曳的元素进入下降靶 |
|
Ondragleave |
|
甲拖动元件叶子放置目标 |
ondragover |
拖动元素位于下降目标的顶部 |
用户开始拖动元素 |
ONDROP |
|
oncopy |
|
检查元素的含量 |
|
onabort | |
扫描器可以开始播放媒体(例如,文件已经足够缓冲) |
|
当浏览器可以通过培养基进行而不停止 |
|
ondurationChange | |
介质已达到其末端 |
|
Meta元数据(如尺寸和持续时间)加载 |
|
浏览器开始寻找指定的介质 |
|
培养基是由用户或自动暂停任一 |
onplay |
已经将介质开始或不再暂停 | |
培养基在被暂停或停止进行缓冲后播放 |
|
浏览器在下载媒体的过程中 |
onratechange |
的介质变化的播放速度 |
onseeked |
用户完成移动/跳过在媒体 |
中的新位置] onseeking |
用户开始移动/跳过 |
onstalled |
浏览器试图加载媒体,但它不可用介质 | |
吃 | 播放位置已经改变(的例如,因为快进) |
onvolumechange | |
培养基暂停但预期 |
|
CSS动画重复 |
|
Onoffline | 浏览器开始下划线 |
Ononline
浏览器开始在线工作 |
|
当窗口的历史变化 | |
OnShow中 | 的
元件被示出为上下文菜单 |
onwheel | |
Ontouchend | 使用手指从触摸屏中除去 |
甲手指在屏幕上拖动的
手指置于触摸屏上
的尝试
创建自定义错误消息而不是标准JavaScript错误
允许您在尝试和捕获之后执行代码,无论结果如何
组或返回误差名 消息 在中设置或返回字符串中的错误消息 中已经发生eval()函数的误差 的RangeError 一个数字是“超出范围” 的ReferenceError 已发生非法引用 语法误差 RROR A已发生的错误类型 的URIError 的发生是encodeURI()错误 窗口属性 关闭 检查一个窗口是否已经被关闭或不并返回真或假的 defaultStatus 在窗口的状态栏中设置或返回默认文本 文献文献文献返回窗口的文献对象 框架 返回所有在当前窗口中的元素 历史 提供的历史Ò窗口的窗口 innerWidth 的内容区域的内部宽度 长 找出窗中的元素 位置位置 位置 位置 位置 位置 L位置返回窗口的位置对象 (设置)窗口 导航 返回导航对象的窗口 开启器 返回对创建窗口的窗口的引用 outerHeight 的窗口,包括工具栏/滚动条的外高度 外宽度 窗口的外宽度,包括工具磁带/滚动池 pPXXOFFSET [数量,当前文档已水平滚动的像素数 数值像素垂直滚动文档 父窗 筛选窗口的筛网对象 [ 313] 水平的COO窗口的窗口(相对于筛选) 与筛选但一些浏览器需要 screenY 同screenTop但需要一些浏览器 自 返回当前窗口 在状态栏中返回文本窗口 返回最顶层浏览器窗口 警报() 显示带有消息的警报框和OK按钮 [1 从电流窗口中除去焦点 clearInterval() 清除一个定时器设定在使用setInterval() clearTimeout() 清除一个定时器设定与的setTimeout() 的close() 关闭当前窗口 确认() 显示与消息的对话框和OK和Cancel按钮 聚焦() 将焦点()将焦点设定在当前窗口 移动() 移动窗口相对于其当前位置 moveto( 将窗口移动到指定位置 Oppe() 打开一个新的浏览器窗口 的print() 打印当前窗口的内容 提示() 显示提示输入输入的对话框 通过指定数量的像素调整窗口 通过指定数量的像素来调节窗口的大小 RESIZETO() 的大小调整窗口以指定的宽度和高度 scrollBy() 通过指定数量的像素滚动文档 滚动该文档以特定坐标 的setInterval() 调用的函数或在指定的时间间隔计算表达式 的setTimeout() 调用的函数或在指定时间之后计算表达式 从加载窗口 返回屏幕的高度(不包括窗口任务栏) 返回用于显示IMA的调色板的深度GES 高度 在屏幕的总高度 Pixeldepth 筛选的筛选的颜色分辨率在每像素的比特 宽度宽度宽度 访问我们下载参考图表中的本完整列表。 如何识别JavaScript问题 JavaScript错误是常见的,您应该尽快解决它们。即使没有编码错误,您的JavaScript也可能出现问题,导致慢的页面加载时间,例如未被解放的JavaScript 。 您可以通过执行您网站的审核来识别这些问题。第三方工具如网站审核工具可以识别未经诊所的JavaScript和网站速度等问题,以便您可以解决它们。 要使用“站点审核”工具,您需要为您的域创建一个项目。如果您已经为您的域创建了一个项目,请继续阅读以了解如何配置和运行该工具。首先登录您的 semrush帐户。如果您没有现有帐户,则可以创建一个免费帐户。请记住,网站审核为免费帐户提供有限的功能。 一旦进入,选择“管理”下的“仪表板”,以便在项目仪表板上: 如果您已经为您的域设置了一个项目,您将看到您的项目仪表板。选择“网站审计”卡 一旦工具打开,您需要配置审计的设置,包括爬网范围,任何网站限制等等。一旦你满意的设置,选择“启动现场审核:” 一旦审计结束后,你可以浏览到现场审核的仪表板完整概述您的审计。导航到“网站问题”列表的“问题”选项卡。 从那里,您可以过滤与未灌染的JavaScript相关的任何问题: 虽然搜索引擎无法呈现并看到JavaScript元素,但是修复了与页面速度这样的相关问题可以帮助您在搜索引擎排名中更好地执行。 Final思想 JavaScript是一种重要的编码语言,可以帮助您改变网页的感觉和功能。更重要的是,良好的JavaScript代码可以通过维护或提高页面加载速度来帮助您的网站排名。使用我们的备忘单跟踪最常见的JavaScript命令,并尝试像网站审核一样的第三方工具必要时留在您的JavaScript代码之上。 查找和修复站点地图错误 使用站点审核工具 尝试免费→ 尝试免费→