JavaScript
关注
分享
扫一扫
Trevor Lan
工欲善其事，必先利其器！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS播放声音
JS播放声音 function voice() { var audio = document.createElement("audio"); audio.src = '/notice.mp3'; audio.play(); }原创 2020-03-28 15:54:58 · 4060 阅读 · 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 · 993 阅读 · 0 评论 -
JavaScript事件列表
鼠标事件 属性 描述 onclick 当用户点击某个对象时调用的事件句柄。 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事件句柄。 onmousedown 鼠标按钮被按下。 onmouseenter 当鼠标指针移动到元素上时触发。 onmouseleave 当...转载 2019-05-20 18:30:21 · 1024 阅读 · 0 评论 -
JavaScript的冒泡事件
addEventListener() 方法 document.getElementById("myBtn").addEventListener("click", doevent); addEventListener() 方法用于向指定元素添加事件句柄。 addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。 我们可以向同个元素添加一个或多个同类型的事件句柄。...原创 2019-05-20 19:37:37 · 785 阅读 · 0 评论 -
sessionStorage与localStorage的使用
判断浏览器是否该对象 if(typeof(Storage)!=="undefined") { // 是的! 支持 } else { // 抱歉! 不支持 web 存储。 } localStorage 保存数据：localStorage.setItem(key,value); 读取数据：localStorage.getItem(key)...原创 2019-05-27 13:51:25 · 404 阅读 · 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 · 2066 阅读 · 0 评论 -
JavaScript增加和删除DOM节点
创建节点 var p = createElement(element); // 创建标签 var text = document.createTextNode("文本节点"); // 创建文本节点 p.appendChild(text); ...原创 2019-05-20 21:58:56 · 4716 阅读 · 0 评论 -
JavaScript之用户交互
document.write() 直接在文档中输出信息 docment.write('hello javascript'); alert(字符串变量) 在点击对话框"确定"按钮前，不能进行任何其它操作。 消息对话框通常可以用于调试程序。 alert输出内容，可以是字符串或变量，与document.write 相似。 alert('警告信息'); confirm(str); ...原创 2019-03-15 01:45:16 · 1978 阅读 · 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 · 901 阅读 · 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 · 638 阅读 · 0 评论 -
JavaScript之计时器
可循环定时器 setInterval(代码,交互时间); 代码：要调用的函数或要执行的代码串。 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 setInterval(function(){ console.log('1'); },1000); 取消定时器 clearInterval(intervalVariable) 使用案例 v...原创 2019-03-15 04:05:41 · 634 阅读 · 0 评论 -
JavaScript之异步处理
1.GET function 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 · 592 阅读 · 0 评论 -
Javascript之JSON
1.JS对象转JSON var json = {"name":"brell","sex":"boy"}; //创建对象； var jsonStr = JSON.stringify(json); //转为JSON字符串 console.log(jsonStr); 2.JS数组转JSON var arr = [1,2, { c : 3 } ]; JSON.stringify( a...原创 2019-03-07 21:16:12 · 565 阅读 · 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 · 4223 阅读 · 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; // 返回3 in...原创 2019-03-15 00:10:03 · 664 阅读 · 0 评论