javascript
web中最重要的变是js,此专栏主要介绍js的相关知识及案例
XIAO_YuBaby
这个作者很懒,什么都没留下…
展开
-
JS21---播放器
标签 video标签属性 src 文件路径 autoplay自动播放 loop循环播放controls控制条可以通过h5给video提供的API 视频播放的功能:播放 暂停 快进 快退 进度条 时间 音量 全屏播放在网站上看到的视频一般都是远程路径,本地路径浏览器兼容会有的属性用不了h5里边自带进度条 <progress></progress> <i...原创 2019-09-20 13:15:11 · 234 阅读 · 0 评论 -
JS18---表单提交
cros jsonp原创 2019-09-16 22:43:04 · 327 阅读 · 0 评论 -
JS14---arguments对象
函数参数列表对象一.特性1.arguments对象和Function是分不开的。2.因为arguments这个对象不能显式创建。3.arguments对象只有函数开始时才可用。二.callee 属性1 callee 属性是 arguments 对象的一个成员,仅当相关函数正在执行时才可用。2. callee 属性的初始值就是正被执行的 Function 对象。实现匿名的递归函数。v...原创 2019-09-03 18:04:14 · 154 阅读 · 0 评论 -
JS5---事件的监听,冒泡捕获事件,事件的委托
dom元素事件的操作一. dom事件 * 键盘事件 onkeydown onkeyup onkeypress(鼠标按下加抬起:按键事件) * 鼠标事件 onmouseover onmousemove onmouseout(包涵垂直离开) onmouseleave(水平离开) onclick ondbclick onmousedown...原创 2019-08-07 23:06:51 · 358 阅读 · 0 评论 -
JS10---javascript实现钟表
一.html内容<style> .clock{ width: 600px; height: 600px; position: relative; margin: auto; background: url("img/2.jpg") no-repeat; } .clock>di...原创 2019-08-17 20:21:23 · 318 阅读 · 0 评论 -
JS7---数组算法
数组的常规算法一. 数组的赋值及声明length为数组的唯一属性Array JS中的内置对象数组为object对象(object为浏览器最大对象),所以数组什么数据类型都可装数组简化声明 var arr=[ ]; var arr=new Array(); //new 初始化新建对象 console.log(typeof (arr)); //objec...原创 2019-08-12 22:40:19 · 388 阅读 · 0 评论 -
JS6---字符串算法
字符串的常规方法1.concat 拼接字符串 var a="123"; var b="456"; console.log(a.concat(b)); //123456 console.log(a.concat(b).concat(a)); //1234561232.indexOf 从左向右去找字符,并返回索引或-1注意:不管从那个...原创 2019-08-12 10:29:41 · 397 阅读 · 0 评论 -
JS4---javascript实现电商放大镜功能
电商放大镜一.一些零碎知识点1.style只可以获取行内样式,但可以修改window.getComputedStyle可以获取在浏览器的所有样式,但不能修改2.若运用的是子元素一定要加children[]eg: middle.children[ 0 ].src middle下边的第一个子元素的src属性二.html代码<!DOCTYPE html><htm...原创 2019-08-07 21:46:23 · 259 阅读 · 0 评论 -
JS2---函数与闭包
JS基本语法之变量的声明一.零碎知识点1.js引入网页1. 外部引入 <script src="" type="text/javascript"></script> type 可以省略2.直接内嵌到网页里面 分为上部内嵌和下部内嵌 下部内嵌可以提高网页的性能 2.定义变量 var 变量名称①变量在使用之前 切记初始化②未初始化会报...原创 2019-08-07 12:43:14 · 178 阅读 · 0 评论 -
JS1----用js实现计算器
计算器计算器的HTML部分一些零碎的知识点1.HTML中的知识①cellpadding=0 cellspacing=0 单元格间距为0②online=none 去除按钮点击后出现的蓝边框③colspan 合并列 rowspan合并行 (写到td中)④tr th td⑤表格本身是没有边框线的,需要自己加border⑥给文本框中加disabled表示不能输入...原创 2019-08-05 23:52:27 · 519 阅读 · 0 评论 -
JS8---dom元素的创建
dom元素子父节点操作一.通过父元素获取子元素Node-----节点类型1.childElementCount2. nav.childNodes3.nodeType4.5.nav.childElementCount6.nav.childElementCount二.通过子元素获取父元素(父元素只有一个).二. dom元素的创建...原创 2019-08-13 22:35:20 · 246 阅读 · 0 评论 -
JS3---dom元素的获取
dom元素的获取在进行dom元素获取的时候注意 获取的元素是否初始化一. 常规获取 (动态获取) 集合类型 document.getElementsByClassName() document.getElementsByName(“div”) //括号里写标签名 document.getElementsByTagName() //标签必须写name属性 单个对象 do...原创 2019-08-07 14:13:42 · 345 阅读 · 2 评论 -
JS9---js内置对象---三大计时器
js内置对象window(顶级对象) history location document内置对象Date Math String Array一. window1.①window.alert();②window.confirm(); 带确认取消的提示框③window.prompt(); 带输入框的提示框2.js中的全局变量,也在window中(可以通过window. 出来)...原创 2019-08-16 20:34:35 · 403 阅读 · 0 评论 -
JS13---正则
一.正则表达式怎么使用正则:根据表达式匹配到我们所需的东西① 正则.test(值) 返回值为true或falsevar str="12345";var reg=/^[0-9]{5}$/console.log(reg.test(str)); //true② 值.match(正则) 返回值为 null 或 集合console.log(str.match(reg)); //["...原创 2019-08-28 22:08:44 · 174 阅读 · 0 评论 -
js基础
js基础知识之常规语句一.js中的运算符分为三类:①算数运算符 ② 逻辑运算符 ③ 比较运算符运算符含义a++滞后自增++a提前自增/除法运算%取模(余数)x+=yx=x+y+①运算字符②字符串连接符==两个等号表判断===三个等号表绝对相等(数据类型,数值等均相等)...原创 2019-08-07 10:53:39 · 244 阅读 · 0 评论 -
JS22---js缓存 cookie Storage
cookie 缓存用户信息cooki是一些数据,存储于你电脑上的文本文件中。在检查里边的Application Storage 中可以查看cookie理解:当用户访问web页面时,他的名字可以记录在cookie中。在用户下一次访问改页面时,可以在cookie中读取用户访问记录。cookie的有效期expires:该数据在电脑上保存多久。path参数为cookie的路径js中读取c...原创 2019-09-22 17:18:40 · 362 阅读 · 0 评论 -
JS20---JS中添加矢量图标 iconfont
①阿里矢量图标库中找到你所需要的图标,添加至购物车,然后选择添加至项目 确定键后下载至本地,是一个压缩包形式②将压缩后的文件复制到编程文件中(不可以直接移动文件到编程文件中)③header中写link 将图标文件链接到编程代码中<link rel="stylesheet" href="icon/iconfont.css">④使用字体图标<span class="ico...原创 2019-09-19 18:15:50 · 1373 阅读 · 0 评论 -
JS19---js原生ajax
前后端分离项目 请求API(程序应用级 接口)API:请求后端服务器的一个接口调用的结果 - - -后台数据返回主要用open和sendXMLHttpRequest对象是ajax的基础:用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。src上写的程序的接口 写法跨域原理(为什么会有跨域)解决跨域的方法 cros jsonp异步请...原创 2019-09-17 19:18:23 · 282 阅读 · 0 评论 -
JS17---js跳转页面的三种方法
一.a标签target="_blank" 页面在新窗口中打开history对象 <a href="https://www.baidu.com">1111</a> <a href="https://www.baidu.com" target="_blank">1111</a> //页面在新窗口中打开 <a hr...原创 2019-09-14 21:26:51 · 249 阅读 · 0 评论 -
JS16---js继承
一.原型继承二.构造继承三.组合继承四.实例继承五.组合寄生六.寄生模式原创 2019-09-11 22:51:35 · 169 阅读 · 0 评论 -
JS15---js中的模式
一.工厂模式实例化对象 返回对象优点:解决创建多个对象的问题缺点:所创建的对象类型都一致,没办法区分对象的类型 function factory(name1,sex1,age1){ var obj=new Object(); //实例化对象 obj.name=name1; obj.sex=sex1; obj.age=age...原创 2019-09-04 09:38:53 · 540 阅读 · 0 评论 -
JS12---javascript实现验证码
HTML内容<style> .a { width: 200px; height: 50px; display: inline-block; border: solid 1px black; background: url("img/bg.png") no-repeat 100% 100%; ...原创 2019-08-23 15:50:09 · 225 阅读 · 0 评论 -
JS11---javascript实现轮播图
一.淡入淡出HTML内容<style> .a{ width: 400px; height: 300px; margin: auto; position: relative; } .imglist{ width: 400px; height: 300px; ...原创 2019-08-23 15:46:44 · 181 阅读 · 0 评论