![](https://img-blog.csdnimg.cn/20190903162657201.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
Trevor Lan
工欲善其事,必先利其器!
展开
-
JS播放声音
JS播放声音function voice() { var audio = document.createElement("audio"); audio.src = '/notice.mp3'; audio.play();}原创 2020-03-28 15:54:58 · 3956 阅读 · 2 评论 -
JS日期时间操作
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear();//获取当前年份(2位)myDate.getFullYear();//获取完整的年份(4位,1970-????)myDate.getMonth();//获取当前月份(0-11,0代表1月)myDate.getDate();...转载 2020-03-24 18:27:01 · 882 阅读 · 0 评论 -
JavaScript事件列表
鼠标事件属性 描述 onclick 当用户点击某个对象时调用的事件句柄。 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事件句柄。 onmousedown 鼠标按钮被按下。 onmouseenter 当鼠标指针移动到元素上时触发。 onmouseleave 当...转载 2019-05-20 18:30:21 · 876 阅读 · 0 评论 -
JavaScript的冒泡事件
addEventListener() 方法document.getElementById("myBtn").addEventListener("click", doevent);addEventListener() 方法用于向指定元素添加事件句柄。 addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。 我们可以向同个元素添加一个或多个同类型的事件句柄。...原创 2019-05-20 19:37:37 · 745 阅读 · 0 评论 -
sessionStorage与localStorage的使用
判断浏览器是否该对象if(typeof(Storage)!=="undefined") { // 是的! 支持 } else { // 抱歉! 不支持 web 存储。 }localStorage 保存数据:localStorage.setItem(key,value); 读取数据:localStorage.getItem(key)...原创 2019-05-27 13:51:25 · 370 阅读 · 0 评论 -
JS获取DOM节点的N种方式
目录1document.getElementById()2 document.getElementsByClassName();3 document.getElementsByName();4 document.getElementsByTagName();5 document.querySelector();6 document.querySelectorAll()...原创 2019-09-05 21:15:46 · 1939 阅读 · 0 评论 -
JavaScript增加和删除DOM节点
创建节点var p = createElement(element); // 创建标签 var text = document.createTextNode("文本节点"); // 创建文本节点p.appendChild(text); ...原创 2019-05-20 21:58:56 · 4640 阅读 · 0 评论 -
JavaScript之用户交互
document.write()直接在文档中输出信息docment.write('hello javascript');alert(字符串变量)在点击对话框"确定"按钮前,不能进行任何其它操作。 消息对话框通常可以用于调试程序。 alert输出内容,可以是字符串或变量,与document.write 相似。alert('警告信息');confirm(str);...原创 2019-03-15 01:45:16 · 1879 阅读 · 0 评论 -
JavaScript之页面交互
onclick鼠标点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&qu原创 2019-03-15 02:32:01 · 843 阅读 · 0 评论 -
JavaScript之字符串
字符串length属性获取字符串长度var str='test';var len=str.length;console.log(len);charAt()返回指定位置的字符串var str='test';var c=str.charAt(0);console.log(c);indexOf()返回指定字符串首次出现的位置var str='this is a app...原创 2019-03-15 03:38:46 · 597 阅读 · 0 评论 -
JavaScript之计时器
可循环定时器setInterval(代码,交互时间);代码:要调用的函数或要执行的代码串。 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。setInterval(function(){ console.log('1');},1000);取消定时器clearInterval(intervalVariable)使用案例v...原创 2019-03-15 04:05:41 · 604 阅读 · 0 评论 -
JavaScript之异步处理
1.GETfunction getdate() { var request = new XMLHttpRequest(); request.open("GET", "/http/index/getdata?name=brell"); request.send(); request.onreadystatechange = function() { if (request.re...原创 2019-03-07 19:34:00 · 555 阅读 · 0 评论 -
Javascript之JSON
1.JS对象转JSONvar json = {"name":"brell","sex":"boy"}; //创建对象;var jsonStr = JSON.stringify(json); //转为JSON字符串console.log(jsonStr);2.JS数组转JSONvar arr = [1,2, { c : 3 } ];JSON.stringify( a...原创 2019-03-07 21:16:12 · 527 阅读 · 0 评论 -
JavaScript之遍历数组
for遍历var arr = [1, 2, 3, 4];for (var i = 0; i < arr.length; i++) { console.log(arr[i]);}forEach遍历var arr = [1, 2, 3, 4];arr.forEach(function(val, index) { console.log(val, index)...原创 2019-03-16 14:56:45 · 4156 阅读 · 0 评论 -
JavaScript之数组
concat把当前的数组和另一个数组连接起来,并返回一个新的数组var arr1 = [1,2,3];var arr2=[4,5,6];var arr3 = arr1.concat(arr2); //返回 [ 1, 2, 3, 4, 5, 6 ]length属性获取数组长度var arr = [1, 2, 3];arr.length; // 返回3in...原创 2019-03-15 00:10:03 · 628 阅读 · 0 评论