JavaScript单词大全及部分常用代码

365bet体育在线365 📅 2025-09-25 05:52:12 👤 admin 👁️ 9691 ❤️ 156
JavaScript单词大全及部分常用代码

JavaScript单词大全及部分常用代码

最新推荐文章于 2024-04-29 08:00:00 发布

原创

最新推荐文章于 2024-04-29 08:00:00 发布

·

2.8k 阅读

·

11

·

80

·

CC 4.0 BY-SA版权

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

文章标签:

#js

#javascript

#单词

本文详细介绍了JavaScript的基础语法、变量声明、函数、DOM操作、动画与canvas绘制、事件处理、数组操作、随机数生成、日期处理、DOM方法,以及项目开发中常见的工具和最佳实践,助你全面提升JavaScript技能。

JavaScript单词大全及部分常用代码

0~9

var i=0; //声明变量

let i=0; //声明变量,块级作用域

const PI=3.14; //声明常量

console.log(str) //控制台输出str

document.write(str);//文档内写入str

open("new.html","new","height=141,width=69,top=10,left=20") //方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

i++; //i自增,相当于i=i+1

n+=2; //n增2,相当于n=n+2

k*=3; //k倍增3,相当于k=k*3

str +=str0; //末尾添加字符串,相当于str=str+str0

10~19

var myElementId = document.getElementById("myElementId");//通过id值获取对象

tag.innerHTML =dom1; //tag元素的innerHTML属性值替换成dom1

var canvas = canvas.getContext("2d"); //转化2d上下文中的对象

function writeText(str) {函数体} //声明函数writeText(str),str为形式参数

console.log(str.length) //输出str的长度

let ti=setTimeout("代码块",1000)//设置延时器

clearTimeout(ti);//清除延时器ti

let in=setInterval("代码块",1000)//设置定时器

clearInterval(in);//清除定时器in

tag.onclick = "clickcanvas(event)"; //tag的点击事件为clickcanvas(event)

20~29

Math.floor(num) //num向下取整

e.X //event环境对象内的X横坐标属性值

var img = new Image(); img.src = "images/td.jpg";//图片对象

var myObject = new Object(); //声明对象myObject

myObject.bv=100 //myObject声明属性bv血量初始为100

canvas.drawImage(img,-50,-50) //在点(-50,-50)处开始,绘制完图像img

canvas.strokeRect(i * 50 , j * 50 , 50 , 50);//在点(i*50,J*50)处开始,画一个长50,宽50的正方形

window.οnlοad=init //网页文档加载完成后执行函数init()

//

substr :子串

30~39

index :索引

string :字符串

file :文件

document :文件(JS中指整个网页文档)

top :顶部

right :右

bottom: 底部

left: 左

center: 中心

start: 开始

40~49

end: 结束

split: 分割,分开,分裂

object: 对象

project: 项目

code: 代码

function : 函数

reverse: 颠倒,反转

prompt: 提示,提醒(某人说话)

undefined: 未定义的

shift: 转换

50~59

date: 日期

area: 面积,域

length :长度

height: 高度

width: 宽度

browser: 互联网,浏览器

model: 模型

options: n.选择

input: 插入 : 输入

form: 表单(用来进行网页中的数据采集)

60~69

alert: 警报

value: 值,价值

timeout: 暂停

interval: 间隙

bar: 柜台,栏

element: 元素,要素

run: 运行,跑

browser: 浏览器,互联网

BOM: Browser Object Model : 浏览器对象模型

DOM: Document Object Model : 文档对象模型

70~79

create: 创建

node: 节点

attribute: 属性

tag: 标签

loop: 环形,循环

inner: 内部

scroll: 滚动条

offset: 印刷区域,平版印刷,开端,补偿

page: 页面

client: 窗口

80~89

screen: 屏幕

position: 定位,位置

parse: 解析字符串,对...作分析

method: 方法,方式

post: v.邮寄

submit: 提交

result: 结果

focus: 焦点

blur: 失去焦点,变得模糊

form: 表格,外表,制作

90~99

type: 类型

value: 值

select: 选择

option: 可选项,可选择的事物

mark: 作记号,作标记,污点

progress: 进程

audio: 声音,音响

canvas: 画布

render: 使成为

context: 上下文,环境,语境

100~109

native: 原生,出生地的,本地

application: 申请,请求

grid :网格,格栅

path:路径,小径

move: 移动

fill: 填充

stroke: 划水动作,轻抚

clip :裁切,修剪,回形针,夹住

clear :清除

rect :矩形,矩形区域

110~119

line: 线

arc: 弧,弧形

particles :颗粒,粒子

quadratic :平方,二次方的

save :收集,救

restore :恢复,使复原

global :全球的,全世界的,全面的,整体的

alpha :α,希腊字母表中第一个字母(读音:阿尔法)

translate :转变,变为,翻译

rotate :旋转,轮值

120~129

angle :n.角,斜角,角度 v.斜移

scale :n. (尤指与其他事物相比较时的) 规模,范围,程度; 等级; 级别; 等级体系;

v.攀登; 到达…顶点; 去鳞; 刮除牙石;

global :全球的,整体的

composite :合成的,混合的,复合的,合成物,混合物,复合材料

operation :手术; (有组织的) 活动,行动; (包括许多部分的) 企业,公司

request :(正式或礼貌地) 请求,要求

animation: (指电影、录像、电脑游戏的) 动画制作 : 动画片 : 生气; 活力; 富有生命力

frame: n. (图画、门、玻璃等的) 框架; (家具、建筑物、车辆等的) 构架,支架,骨架; 眼镜框;

v.给…做框; 给…镶边; 作伪证陷害; 制订; 拟订;

130~139

shadow :阴影

sqrt: 开根; 求平方根函数; 根号; 函数; 开平方函数

fixed: adj.固定的; 不变的; 不能变的; 不易改变的; 执著的; 呆板的;v.使固定; 安装; 决定,确定(日期、时间、数量等); 安排; 组织;

substr:子串

index:索引

string:字符串

file:文件

document:文件(JS中指整个网页文档)

top:顶部

right:右

140~149

bottom : 底部

left : 左

center : 中心

start : 开始

end : 结束

split : 分割,分开,分裂

object : 对象

project : 项目

code : 代码

function: 函数

150~159

reverse : 颠倒,反转

prompt : 提示,提醒(某人说话)

undefined : 未定义的

shift : 转换

date : 日期

area : 面积,域

height : 高度

width : 宽度

browser : 互联网,浏览器

model : 模型

160~169

options : n.选择

input : 插入 : 输入

form : 表单(用来进行网页中的数据采集)

alert : 警报

value : 值,价值

timeout : 暂停

interval : 间隙

bar : 柜台,栏

element : 元素,要素

run : 运行,跑

170~179

browser : 浏览器,互联网

BOM : Browser Object Model : 浏览器对象模型

DOM : Document Object Model : 文档对象模型

create : 创建

node : 节点

attribute : 属性

tag : 标签

loop : 环形,循环

inner : 内部

scroll : 滚动条

180~189

offset : 印刷区域,平版印刷,开端,补偿

page : 页面

client : 窗口

screen : 屏幕

position : 定位,位置

parse : 解析字符串,对...作分析

method : 方法,方式

post : v.邮寄

tag : 标签

submit : 提交

190~199

result : 结果

focus : 焦点

blur : 失去焦点,变得模糊

form : 表格,外表,制作

type : 类型

value : 值

select : 选择

option : 可选项,可选择的事物

mark : 作记号,作标记,污点

progress : 进程

200~209

audio : 声音,音响

canvas : 画布

render : 使成为

context : 上下文,环境,语境

native : 原生,出生地的,本地

application : 申请,请求

grid :网格,格栅

path:路径,小径

move : 移动

fill : 填充

210~219

stroke : 划水动作,轻抚

clear :清除

rect :矩形,矩形区域

line : 线

arc : 弧,弧形

alpha :α,希腊字母表中第一个字母(读音:阿尔法)

translate :转变,变为,翻译

angle :n.角,斜角,角度 v.斜移

animation : (指电影、录像、电脑游戏的) 动画制作 : 动画片 : 生气; 活力; 富有生命力

frame : n. (图画、门、玻璃等的) 框架; (家具、建筑物、车辆等的) 构架,支架,骨架; 眼镜框;v.给…做框; 给…镶边; 作伪证陷害; 制订; 拟订;

220~229

shadow :阴影

sqrt : 开根; 求平方根函数; 根号; 函数; 开平方函数

fixed : adj.固定的; 不变的; 不能变的; 不易改变的; 执著的; 呆板的;

v.使固定; 安装; 决定,确定(日期、时间、数量等); 安排; 组织;

function getRandom(max, min) {//定义随机数函数getRandom() let random = Math.random() * (max - min) + min; //在区间(min,max)取一个随机浮点数 return Math.floor(random); //返回random向上取整之后的整数 }

var str = prompt("请输入任意字符", "");//控制台用户输入字符串,提示信息,初始字符串

prompt:促使某人做某事,立即,促使,激起,鼓励

alert('警告:...') //暂停程序并弹出(警告)信息

let childElement = createElement('新标签类型'); //生成新元素

childElement.新属性名 = 新属性值 //元素添加新属性

230~239

fatherElement.appendChild(childElement)//父元素下添加子元素

direction:方向;

window.innerWidth //文档内宽,padding(包括Padding)以内的宽度

window.innerHeight //文档内高,padding(包括Padding)以内的高度

$("div").innerWidth() //jQuery innerWidth()返回第一个匹配元素的内宽,该方法包含 padding,但不包含 border 和 margin

Math.sqrt(num) //返回num的平方根,若num<0则返回NAN

//

abs(x) 返回数的绝对值。 Math.acos(x) //返回数的反余弦值

Math.asin(x) //返回数的反正弦值

Math.atan(x) //以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值

240~249

Math.atan2(y,x) //返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)

Math.ceil(x) //对数进行上舍入

Math.cos(x) //返回数的余弦

Math.exp(x) //返回 e 的指数

Math.floor(x) //对数进行下舍入

Math.log(x) 返//回数的自然对数(底为e)

Math.max(x,y) //返回 x 和 y 中的最高值

Math.min(x,y) //返回 x 和 y 中的最低值

Math.pow(x,y) //返回 x 的 y 次幂

Math.random() //返回 0 ~ 1 之间的随机数

250~259

Math.round(x) //把数四舍五入为最接近的整数

Math.sin(x)// 返回数的正弦

Math.sqrt(x) //返回数的平方根

Math.tan(x) //返回角的正切

Math.toSource() //返回该对象的源代码

Math.valueOf() //返回 Math 对象的原始值

document.body.bgColor = "#000";设置背景色为黑 //

imgObj.setAttribute("width", 50); //设置对象的属性及属性值

attribute:属性;

document.body.removeChild(obj); //去除父节点下的子节点obj

260~269

imgObj.setAttribute("onclick", "removeImg(this)");//图片元素添加点击事件/* this是系统关键字,this只能在函数中使用,是一个对象,含义为当前对象,用户选择到的对象 */

var img1="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA... ...mwAAAABJRU5ErkJggg=="; //base编码在程序内当作字符串处理,显示时不同于字符串,base64编码是能被浏览器直接识别的

overflow: hidden; // 溢出内容隐藏,也经常用来开启BFC块级格式化模式

dome1.style.height = dome.offsetHeight + "px";//这里的style是属性又是一个style对象,代表CSS对象;

dome2.innerHTML = dome1.innerHTML; //将dome1中的内容复制到dome2中

Math.random():获取0~1随机数(0<=返回值<1)

Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小于等于 x,且与 x 最接近的整数。)

其实返回值就是该数的整数位: Math.floor(0.666) --> 0 ,Math.floor(39.2783) --> 39

所以我们可以使用Math.floor(Math.random())去获取你想要的一个范围内的整数。

如:现在要从1~52内取一个随机数:

270~279

首先Math.random()*52 //这样我们就能得到一个 >=0 且 <52的数

然后加1:Math.random()*52 + 1 //现在这个数就 >=1 且 <53

再使用Math.floor取整,最终: Math.floor(Math.random()*52 + 1),这就能得到一个取值范围为1~52的随机整数了.

Math.(random/round/cell/floor)随机数的用法

Math.random() 返回值是一个大于等于0,且小于1的随机数

Math.random()*N 返回值是一个大于等于0,且小于N的随机数

Math.round() 四舍五入的取整

Math.ceil() 向上取整,如Math.cell(0.3)=1 、又如Math.ceil(Math.random()*10) 返回1~10

Math.floor() 向下取整,如Math.floor(0.3)=0、又如Math.floor(Math.random()*10)返回0~9

Math.round(Math.random()*15)+5; 返回5~20随机数

280~289

Math.round(Math.random()*(y-x))+x; 返回x~y的随机数,包括负数

var A=[12,78,78,78,89]; //第一种声明JS数组的方式

var B=new Array(); B[0]=12; B[1]=34; B[2]=56; //第二种声明JS数组的方式

var C=new Array(3); C[0]=12; C[1]=34; C[2]=56; //第三种声明JS数组的方式

var D=new Array(45,78,89,45); //第四种声明JS数组的方式

str += "
婚否:" + (arr[3] ? "已婚" : "未婚"); //三目运算符 bool?A:B

window.onload = function () {

showimg(0);//网页加载完后直接调用一次showimg(0)设置默认显示的一页

};//推荐使用匿名函数再调用show(0);这样参数才会被识别,如果直接= "show(0)",参数0将不会识别

function showimg(index) {

290~299

switch (index) {

case 0: img1div.style.display = "block"; img2div.style.display = "none"; img3div.style.display = "none"; break;

case 1: img1div.style.display = "none"; img2div.style.display = "block"; img3div.style.display = "none"; break;

case 2: img1div.style.display = "none"; img2div.style.display = "none"; img3div.style.display = "block"; break;

}

}

蒂法
//鼠标进入时触发事件showimg(2)

window.onchange //HTML 元素改变时触发事件

window.onclick //用户点击 HTML 元素时触发事件

window.onmouseover //用户在一个HTML元素上移动鼠标时触发事件

300~309

window.onmouseout //用户从一个HTML元素上移开鼠标时触发事件

window.onkeydown //用户按下键盘按键时触发事件

window.onload //浏览器已完成页面的加载时触发事件

//JavaScript键盘事件:http://c.biancheng.net/view/5955.html