M87星云

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

随笔分类 -  JS

JS技术记录
js实现金额千分位用逗号隔开
摘要:/** * 以radix为单位格式化num。如radix=10000,则返回结果以“万”为单位 * @param {*} num * @param {*} radix */ function NumberFormatter(num, radix) { if(isNaN(num)) return 0; 阅读全文

posted @ 2022-01-11 13:57 挽留匆匆的美丽 阅读(315) 评论(0) 推荐(0) 编辑

live-server前端服务器使用
摘要:没有webpack,我们就无法使用webpack-dev-server运行这个项目,实现热部署。 所以,这里我们使用另外一种热部署方式:live-server, 1.简介 地址;https://www.npmjs.com/package/live-server live-server这是一款带有热加 阅读全文

posted @ 2021-07-01 23:06 挽留匆匆的美丽 阅读(517) 评论(0) 推荐(0) 编辑

jquery文件表单上传
摘要:1. 引入jquery文件 <script src="js/jquery-2.1.1.min.js"></script> 2. 创建form表单,如下: <form enctype="multipart/form-data" id="form"> <p><label>name:</label><in 阅读全文

posted @ 2020-05-09 21:18 挽留匆匆的美丽 阅读(642) 评论(0) 推荐(0) 编辑

js dom演示
摘要:<body> <div id="div1"> <p name="p1">p1内容</p> <p name="p1">p2内容</p> <p name="p1">p3内容</p> </div> <div id="div2"> <p name="p1">p1内容</p> <p name="p1">p2内 阅读全文

posted @ 2020-04-23 21:51 挽留匆匆的美丽 阅读(150) 评论(0) 推荐(0) 编辑

处理事件绑定兼容问题
摘要:var btn = document.getElementById("btn"); if(btn.addEventListener){ //兼容 IE9以上,Chrome ,Safari,Opera,Firefox btn.addEventListener("click",dome); }else 阅读全文

posted @ 2020-04-20 18:36 挽留匆匆的美丽 阅读(121) 评论(0) 推荐(0) 编辑

事件的event对象基本解释
摘要:事件流: 描述的是在页面中接受事件的顺序主要分为两种: 事件冒泡、事件捕获 事件event对象:1. type 获取事件类型2. target获取事件目标3. stopPropagation() 阻止事件冒泡4. perventDefault() 阻止事件默认行为 阅读全文

posted @ 2020-04-20 18:20 挽留匆匆的美丽 阅读(164) 评论(0) 推荐(0) 编辑

js 分享QQ、QQ空间、微信、微博
摘要://分享QQ好友 function qq(title,url,pic) { var p = { url: 'http://test.qicheyitiao.com',/*获取URL,可加上来自分享到QQ标识,方便统计*/ desc: '来自汽车氪的分享', /*分享理由(风格应模拟用户对话),支持多 阅读全文

posted @ 2019-10-23 15:20 挽留匆匆的美丽 阅读(200) 评论(0) 推荐(0) 编辑

js 自定义阻止事件冒泡函数
摘要:// 以下改方法全兼容Chrome function stopBubble(event){ if(event.stopPropagation){ // 兼容火狐(firebox) event.stopPropagation(); }else{ // 兼容IE event.cancelBubble = 阅读全文

posted @ 2019-07-26 11:08 挽留匆匆的美丽 阅读(356) 评论(0) 推荐(0) 编辑

js常见删除绑定的事件
摘要:1. elem.onclick = null / false; //直接解除 例子如下: var div = document.getElemetById('id'); div.onclick = test; function test(){ console.log('remove click'); 阅读全文

posted @ 2019-07-26 10:09 挽留匆匆的美丽 阅读(10868) 评论(0) 推荐(1) 编辑

js自定义方法绑定元素事件
摘要://事件绑定封装 function addEvent(elem, type, handle){ if(elem.addEventListener){ elem.addEventListener(type,handle,false); }else if(elem.attachEvent){ elem. 阅读全文

posted @ 2019-07-26 09:38 挽留匆匆的美丽 阅读(300) 评论(0) 推荐(0) 编辑

js 中 attachEvent 简示例
摘要:attachEvent绑定事件,函数的默认this指向为window,要解决问题可以通过call改变方法的指向! var div = document.getElementsByTagName('div')[0]; div.attchEvent('onclick',function(){ handl 阅读全文

posted @ 2019-07-26 09:22 挽留匆匆的美丽 阅读(2503) 评论(0) 推荐(0) 编辑

js获取div对象几何信息
摘要:/** * @description 获取对象信息: * bottom: 208 * height: 200 (老版本IE不兼容) * width: 200 (老版本IE不兼容) * left: 8 * right: 208 * top: 8 * x: 8 * y: 8 * @returns */v 阅读全文

posted @ 2019-07-10 21:12 挽留匆匆的美丽 阅读(458) 评论(0) 推荐(0) 编辑

js自定义获取浏览器宽高
摘要:/** * @description js自定义获取浏览器宽高 * * IE8 和 IE8 以下的浏览器不兼容 * window.innerWidth * window.innerHeight * * html 头文件部加 <!doctype html> 表示启用标准模式 * 标准模式 兼容所有浏览 阅读全文

posted @ 2019-07-10 20:55 挽留匆匆的美丽 阅读(482) 评论(0) 推荐(0) 编辑

获取滚动条滑动的距离
摘要:/** * @description 获取滚动条滑动的距离 * document.documentElement.scrollTop | document.body.scrollTop * document.documentElement.scrollLeft | document.body.scr 阅读全文

posted @ 2019-07-10 20:22 挽留匆匆的美丽 阅读(7030) 评论(0) 推荐(1) 编辑

让滚动条滚动
摘要:window提供三个方法: scroll(x,y) ; scrollTo(x,y); scrollBy(x,y); scroll(x,y) , scrollTo(x,y) 是按正常的坐标来计算 scrollBy(x,y) 在当前坐标位置 累加。 阅读全文

posted @ 2019-07-10 16:47 挽留匆匆的美丽 阅读(127) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示