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; } }
"contrl" οnmοuseοver="showimg(2)" id=linkImg3>蒂法
//鼠标进入时触发事件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

你可能感兴趣的:(js,javascript,单词)