分类目录归档：javascript学习

2019
03-07

js中document的execCommand方法

该方法允许运行命令来操纵可编辑(只能操作input和textarea标签)内容区域的元素 document.execCommand(命令)，返回一个bool值 使用select()方法选中所有文本： copy：拷贝当前选中内容到剪贴板 cut：剪贴当前选中的文字并复制到剪贴板 delete：删除选中部分. forwardDelete：删除光标所在位置的字符，相当于按一下删除.... Read More >

2018
12-19

HTML中Audio/Video的常用DOM方法属性和事件

方法 load()：重新加载音频/视频元素，用于在更改来源或其他设置后对音频/视频元素进行更新。 play()：开始播放音频/视频。 pause()：暂停当前播放的音频/视频。 属性 autoplay ：设置或返回是否在加载完成后自动播放。 buffered ：返回表示音频/视频已缓冲部分的TimeRanges对象。 p.buffered.start(0) :第一.... Read More >

2018
05-18

URL中的的井号及搜索引擎抓取AJAX

URL中的#(井号) 一、#的涵义 #代表网页中的一个位置。其右面的字符，就是该位置的标识符。浏览器读取这个URL后，会自动将标识符位置滚动至可视区域。 为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print" >。 二、HTTP请求不包括# #是.... Read More >

2017
08-23

js调试工具Console控制台命令

JS原生中默认是没有console对象,这是宿主对象(也就是游览器)提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。 console.log('用于输出普通信息') console.info('用于输出提示性信息') console.error('用于输出错误信息') console.warn('用于输出警示信息') console.debug('用于输出调试信息'.... Read More >

2017
08-21

HTML5的WebSocket

WebSocket提供了一个受欢迎的技术，是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，以替代我们过去几年一直在用的Ajax技术。 一、什么是WebSocket API? WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，是基于TCP协议上的独立的通信协议，使用ws或wss协议，可用于任意的客户端和服务器程序。 WebSocke.... Read More >

2017
08-21

HTML5 服务器发送事件

HTML5 服务器发送事件(server-sent event)是单向消息传递，它允许网页获得来自服务器的更新，以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。 创建EventSource 对象用于接收服务器发送事件通知 var source=new EventSource("demo_sse.php"); 事件open当成功与服务器建立连接时产生 事件message当收到服务.... Read More >

2017
08-21

HTML5 Web Workers使用介绍

web worker的作用 浏览器端JavaScript是以单线程的方式执行的，也就是说javascript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，从而造成用户体验的大打折扣。Web Workers作为HTML5新特性之一，为浏览器端JavaScript开创了一种新的运行模式，让web应用程序具备多线程处理能力，在另外的线程.... Read More >

2017
08-21

html5中的canvas绘图方法

CanvasRenderingContext2D对象的方法： 方法 参数 描述 arc(x, y, radius, startAngle, endAngle, counterclockwise) x, y 描述弧的圆形的圆心的坐标。 radius 描述弧的圆形的半径。 startAngle, endAngle 沿着圆指定弧的开始点和结束点的一个角度。这个角度用弧度来衡量。沿着 X 轴正半.... Read More >

2017
08-21

html5中的canvas绘图属性

<canvas>标签是html5新增的专门用来绘制图像的元素，通过canvas技术可以在web中绘制各种图形。 canvas元素本身是一块无色透明的区域，只是一个容器，我们通过javascript脚本在区域上绘制图形。 一、添加canvas元素 <canvas id="myCanvas" width="300" height="300"> 您的浏览器不支持canvas元.... Read More >

2017
02-22

data-*数据的获取和设置

在jquery中，使用data()方法可以方便的获取和设置data-*属性。 .data( key, value ) :设置一个已存在的data-key属性或添加一个新的data-key属性。 .data( key ) ：获取指定的data-key属性的值 .data( obj ) ：使用带有名称/值对的对象向被选元素添加数据，可以一次添加多个data-*属性。 .data() ：不带参数将.... Read More >