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:提示,促使,激励,鼓励;
 #  沉木
  • 9
    点赞
  • 76
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JavaScript常用的正则表达式包括:匹配任意字符(.),匹配任意单个字符(?),匹配零个或多个字符(*),匹配一个或多个字符(+),匹配确切的字符([]),匹配字符范围({}),匹配开头(^),匹配结尾($),匹配单词边界(\b),忽略大小写(i)等。 ### 回答2: JavaScript常用的正则表达式有以下几种: 1. 匹配数字:`\d+`,可以用来匹配一个或多个连续的数字。 2. 匹配字母:`[a-zA-Z]+`,可以用来匹配一个或多个连续的字母。 3. 匹配邮箱格式:`\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*`,可以用来匹配邮箱的格式。 4. 匹配网址:`[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$`,可以用来匹配网址的格式。 5. 匹配手机号码:`^1[3456789]\d{9}$`,可以用来匹配手机号码的格式。 6. 匹配日期格式:`\d{4}-\d{1,2}-\d{1,2}`,可以用来匹配YYYY-MM-DD的日期格式。 7. 匹配IP地址:`\d+\.\d+\.\d+\.\d+`,可以用来匹配IPv4的IP地址。 8. 匹配密码格式:`^(?=.*\d)(?=.*[a-zA-Z])[a-zA-Z0-9]{6,20}$`,可以用来匹配包含字母和数字,并且长度为6到20个字符的密码。 9. 匹配中文字符:`[\u4e00-\u9fa5]`,可以用来匹配中文字符。 以上是JavaScript常用的正则表达式,可以用来进行字符串的匹配、验证和替换等操作。不同的正则表达式用于不同的应用场景,根据实际需求选择合适的正则表达式可以提高代码的效率和准确性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值