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 += "<br>婚否：" + (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;
     }
     }
     <div class="contrl" οnmοuseοver="showimg(2)" id=linkImg3>蒂法</div> //鼠标进入时触发事件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
     <textarea id="key"></textarea>
     <script>
     var key = document.getElementById("key");
     key.onkeydown =f; //注册keydown事件处理函数
     key.onkeyup = f; //注册keyup事件处理函数
     key.onkeypress = f; //注册keypress事件处理函数
  310~319
     function f (e) {
     var e = e | | window.event; //标准化事件处理
     var s = e.type + " " + e.keyCode; //获取键盘事件类型和按下的值
     key.value = s;
     &gt;/script>
     decoration:装饰，修饰;
     transform:形变;
     preserve:保存，保持;
     perspective:透视，透视法，观点，态度，思考方法，客观判断力，权衡轻重的能力;
     config:配置;
  320~329
     global:全球的，全局的;
     name:名称;
     email:邮件，邮箱，邮箱地址;
     repository:仓库，存储库;
     init:初始，初始化，最开始的;
     touch:触摸，碰，触及，触觉，触摸时的感觉;
     file:文件;
     status:状态;
     commit:提交;
     list:列表;
  330~339
     push:推;
     /*一个完整的git操作流程*/
     $ git config --global user.name 'Link' --设置github账号名称
     $ git config --global user.email '1183234982@qq.com' --设置github注册时的邮箱
     $ mkdir my_repository --当前目录生成一个文件夹
     $ cd my_repository --选中文件夹
     $ git init --初始化.git仓库管理文件
     $ touch my_file.html --当前目录下生成一个文件
     $ vi my_file.html --编辑文件
     $ cat my_file.html --查看文件内容
  340~349
     $ git status --查看仓库状态
     $ git add my_file.html --添加文件到暂存区
     $ git commit -m '新建的文件my_file.html' --暂存区的文件都移动到本地git仓库并设置本次操作相关信息
     $ git config --list --查看配置列表(:q 结束此命令)
     $ git clone https://github.com/wuying-05/my_repository.git --把一个远程仓库克隆到本地
     $ git add others.txt --添加文件到暂存区
     $ git commit -m '提交others.txt' --暂存区所有文件都移动到本地git仓库
     $ git push --把当前分支克隆仓库上传到github仓库合并
     Canvas画布: https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage
     rect:矩形; circle:圆形; ellipse:椭圆; line:线; ployline:折线; ploygon:多边形; path:路径; <canvas id=canvas width="500" height="600">抱歉，您的浏览器不支持canvas元素</canvas><!-- 创建画布元素-->
  350~359
     var canvas = document.getElementById("canvas");
     if (canvas.getContext) {//检测浏览器是否支持canvas 该方法是否存在取得上下文对象
     alert();
     var context = canvas.getContext("2d");
     var img = document.images[0];/* 浏览器会自动依次收集本网页所有用到的图片集中到一个数组在document下，使用document.images数组即可 */
     img.onload = function () {
     context.drawImage(img, 100, 10, 200, 200);//起始坐标为（10，10），且画布上的图像大小为200*200
     };
     function draw() {
     var canvas = document.getElementById("canvas");//通过id获取canvas对象
  360~369
     if (canvas.getContext) {//canvas.getContext对应着getContext()函数的地址，如果浏览器有此函数则表示getContex函数的字符串，隐式转换代表着true
     //如果浏览器没有getContext()方法（即不支持canvas元素）则canvas.getContext等于undefined隐式转换为false
     var ctx = canvas.getContext("2d");//获取2d图像的上下文，canvas.getContext("2d")返回的是一个具备2d图像绘画环境的一个对象
     ctx.fillStyle = "rgb(200,0,0)";//2d画布对象的填充样式等于颜色函数的返回值
     ctx.fillRect(10, 10, 55, 50);//2d画布上画一个矩形，定位坐标为（10，10），宽为55，高为50
     ctx.fillStyle = "rgba(0, 0, 200, 0.5)";//2d画布对象的填充样式等于rgba()函数的返回值
     ctx.fillRect(30, 30, 55, 50);//2d画布上画一个矩形，定位坐标为（10，10），宽为55，高为50
     }
     var ctx = document.getElementById('canvas').getContext('2d'); //
     ctx.globalCompositeOperation = 'destination-over';//设置覆盖方式为原图覆盖新图 //
  370~379
     ctx.clearRect(0, 0, 300, 300); //清除画布中的图像//
     ctx.fillStyle = 'rgba(0,0,0,0.4)';//填充样式 //
     ctx.strokeStyle = 'rgba(0,153,255,0.4)';//划的样式
     ctx.save();//保存初始状态//
     ctx.translate(150, 150);//1，移动坐标原点到（150，150） //
     var time = new Date();//创建系统日期对象//
     ctx.rotate(((2 * Math.PI) / 60) * time.getSeconds() + ((2 * Math.PI) / 60000) * time.getMilliseconds());//地球旋转 //
     ctx.translate(105, 0);//2，移动坐标原点到（105，0） //
     ctx.fillRect(0, -12, 50, 24); //阴影 //
     ctx.drawImage(earth, -12, -12);//画上地球图片 //
  380~389
     ctx.save();//第二次保存状态 //
     ctx.rotate(((2 * Math.PI) / 6) * time.getSeconds() + ((2 * Math.PI) / 600) * time.getMilliseconds());//月球旋转 //
     ctx.translate(0, 28.5);//3，移动坐标原点到（0，28.5） //
     ctx.drawImage(moon, -3.5, -3.5);//画上月球图片 //
     ctx.restore();//恢复到第二次保存的状态 //
     ctx.restore();//恢复到初始状态 //
     ctx.beginPath();//开始路径 //
     ctx.arc(150, 150, 105, 0, Math.PI * 2, false); //画出环形轨道 //
     ctx.stroke();//划出路径 //
     ctx.drawImage(sun, 0, 0, 300, 300);//画出太阳图片 //
  390~399
     window.requestAnimationFrame(draw);//循环draw函数;request:请求; //
     draw: function () {
     canvas.strokeStyle = "rgba(0,255,0.5)";
     canvas.strokeRect(0, 0, 1400, 600);
     /* //背景图
     var img = new Image();
     img.src = "images/p1.jpg";
     canvas.drawImage(img, 0, 0, canvas.length, canvas.height);
     //网格
     for (var k = 0; k < canvas.length / 50; k++) {
  400~409
     for (var l = 0; l < canvas.height / 50; l++) {
     canvas.strokeRect(k * 50, l * 50, 50, 50);
     } */
     canvas.beginPath();
    
     canvas.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
     //新中心的坐标
     this.x = this.x + this.vx;
     this.y = this.y + this.vy;
     //碰墙反向
  410~419
     if (this.x + this.vx < this.radius
     this.x + this.vx > 1400 - this.radius) {
     this.vx = -this.vx * 0.9;//每次碰撞速率减小并反向
     if (this.y + this.vy < this.radius
     this.y + this.vy > 600 - this.radius) {
     this.vy = -this.vy * 0.9;//每次碰撞速率减小并反向
     canvas.fillStyle = this.color;
     canvas.fill();
     //提示
     canvas.save();
  420~429
     canvas.font = "40px serif";
     canvas.fillStyle = "rgba(0,255,255,1)";
     canvas.fillText(("i=" + i), this.x, this.y);
     canvas.fillText(("vx=" + this.vx.toFixed(2)), this.x, this.y + 40);
     canvas.fillText(("vy=" + this.vy.toFixed(2)), this.x, this.y + 80);
     canvas.restore();
     i++;
     } //
     canvas:画布;
     image:图像，图片;
  430~439
     sun:太阳，阳光;
     moon:月亮，月球;
     earth:地球;
     request:需求，请求，要求;
     sqrt:开根;求平方根函数;根号;函数;开平方函数;
     animation:动画，动画制作;
     frame:框架，构架，骨架，支架，给...做框，作伪证陷害;
     draw:绘画，描绘，牵引，吸引，抽奖，平局;
     context:(事情发生的)背景，环境，来龙去脉，上下文;语境;
     global:全球，全局;
  440~449
     composite:组合模式;组合;合成;复合视频;复合;
     operation:手术;(有组织的)活动，行动;(包括许多部分的)企业，公司;
     destination-over:覆盖在目的地上方;
     clear:清除;
     fill:填充;
     stroke:划，画，小径;
     save:保存;
     translate:移动;
     date:日期;
     rotate:旋转，翻转;
  450~459
     seconds:秒;
     milliseconds:毫秒;
     context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); //剪切图像，并在画布上定位被剪切的部分，
     img 规定要使用的图像、画布或视频。
     sx 可选。开始剪切的 x 坐标位置。
     sy 可选。开始剪切的 y 坐标位置。
     swidth 可选。被剪切图像的宽度。
     sheight 可选。被剪切图像的高度。
     x 在画布上放置图像的 x 坐标位置。
     y 在画布上放置图像的 y 坐标位置。
  460~469
     width 可选。要使用的图像的宽度。（伸展或缩小图像）
     height 可选。要使用的图像的高度。（伸展或缩小图像）
     context.arc(x,y,r,sAngle,eAngle,counterclockwise);//arc() 方法创建弧/曲线（用于创建圆或部分圆）。
     x 圆的中心的 x 坐标。
     y 圆的中心的 y 坐标。
     r 圆的半径。
     sAngle 起始角，以弧度计。（弧的圆形的三点钟位置是 0 度）。
     eAngle 结束角，以弧度计。
     counterclockwise 可选。规定应该逆时针还是顺时针绘图。False = 顺时针，true = 逆时针。
     canvas.lineTo(x, y, a, b);
  470~479
     window.requestAnimationFrame(draw);//请求动画框架并调用draw函数,以动画的方式一帧接一帧地渲染
     canvas小实例：开始一条路径，移动到位置 10,10。创建到达位置 300,150 的一条红线;
     var c=document.getElementById("myCanvas");//获取元素
     var ctx=c.getContext("2d");//使元素c获取2d绘画环境
     ctx.beginPath();//开始路径
     ctx.moveTo(10,10);//笔触移动到点(10,10)
     ctx.lineTo(300,150);//画一条直线到达点(300,150)
     ctx.strokeStyle="rgb(255,0,0)";//划笔的颜色设置为红色
     ctx.stroke();//以划的方式完成本次路径
     radius:半径;
  480~489
     restore:恢复，使复原，修复;
     clearRect(x,y,a,b)//清除一个矩形区域中的内容
     shoot:射击，发射，嫩芽，拍摄，请讲，做了蠢事或事情出了差错感到懊恼;
     paint:颜料，涂料，绘画，描绘;
     value:值;
     ctx.fillText("Hello world", 10, 50);//在点(10,50)处绘文本"Hello world"
     canvas.fillRect(0, 0, 100, 10);//在点(0,0)到点(100,10)填充出一个矩形
     var myBirthday = new Date("2000/5/25 00:00:00").getTime();//取得我的生日的标准毫秒值
     var date = new Date().getTime();//取得实时日期毫秒值
     var age = (date - myBirthday) / (1000 * 3600 * 24 * 365);//转化单位到年
  490~499
     alert("您现在已经活了：" + age + "年");
     <input type="button" value="刷新网页" οnclick="javascript:location.reload(true)" />
     <input type="button" value="关闭窗口" οnclick="javascript:window.close()" />
     <input type="button" value="打印窗口" οnclick="javascript:window.print()" />
     <input type="button" value="打开一个新窗口" οnclick="javascript:window.open('','','width=400,height=300') " />
     item.indexOf(":")//字符串中字符":"的第一个索引值
     JS字符串常用方法总结
     1、toLowerCase(): 字符串转为小写，返回新的字符串。
     2、toUpperCase(): 字符串转为大写，返回新的字符串。
     3、charAt(index): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间，返回空字符串。
  500~509
     4、charCodeAt(index): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。 注意：如果index不在0-str.length(不包含str.length)之间，返回NaN。
     5、indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置 注意：indexOf()方法对大小写敏感，如果子字符串没有找到，返回-1。第二个参数表示从哪个下标开始查找，没有写则默认从下标0开始查找。
     6、lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。 注意：lastIndexOf()方法对大小写敏感，如果子字符串没有找到，返回-1。第二个参数表示从哪个下标开始查找，没有写则默认从最后一个字符处开始查找。
     7、slice(): 返回字符串中提取的子字符串。
     8、substring(): 提取字符串中介于两个指定下标之间的字符。 注意：substring()用法与slice()一样，但不接受负值的参数。
     9、substr(): 返回从指定下标开始指定长度的的子字符串 注意：如果没有指定length,返回从下标开始处结尾处的所有字符串。
     10、split(): 把字符串分割成字符串数组。
     11、replace(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
     12、match(): 返回所有查找的关键字内容的数组。
     i < str.length//字符串固有属性length实时返回字符串的长度
  510~519
     var screenWidth = screen.availWidth;//屏幕的有效宽度
     var screenHeight = screen.availHeight;//屏幕的有效高度
     //实例：测试当前网页的宽度和高度
     //兼容所有浏览器的写法如下
     var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
     var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
     document.write("网页的宽度：" + width + " px ,高度：" + height + " px");//输出结果
     confirm:确认，使确信，认可;
     var arr = "*,%,&,<,>,,\,!,$,#".split(",");//特殊字符切割放入数组
     prompt:提示，促使，激励，鼓励;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572

 #  沉木
1