随笔分类 -  JavaScript

JavaScript + html 制作钟表
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-04 00:09 独孤靖云 阅读(191) 评论(0) 推荐(0)
JavaScript 实现放大镜效果
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2021-02-23 15:14 独孤靖云 阅读(63) 评论(0) 推荐(0)
JavaScript 实现拖拽
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2021-02-22 23:49 独孤靖云 阅读(57) 评论(0) 推荐(0)
JavaScript 阻止事件的默认行为
摘要：1、右键点击 document.oncontextmenu = function(){ return false; } 2、a链接默认行为 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv= 阅读全文
posted @ 2021-02-22 22:54 独孤靖云 阅读(461) 评论(0) 推荐(0)
JavaScript 事件冒泡
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-22 22:04 独孤靖云 阅读(41) 评论(0) 推荐(0)
JavaScript 鼠标事件、键盘事件
摘要：click 鼠标点击事件 dblclick 鼠标双击事件 mousedown 鼠标按下 mouseup 鼠标抬起 mouseover 鼠标移入 mouseout 鼠标移出 mouseenter 鼠标移入 mouseleave 鼠标移出 mousemove 鼠标移动 mouseover 和 mouse 阅读全文
posted @ 2021-02-22 10:01 独孤靖云 阅读(66) 评论(0) 推荐(0)
JavaScript window.location
摘要：console.log(window.location.protocol); // 获取协议 console.log(window.location.host); // 获取主机名和端口号 console.log(window.location.hostname); // 获取主机名 console 阅读全文
posted @ 2021-02-21 09:57 独孤靖云 阅读(310) 评论(0) 推荐(0)
JavaScript 中document.getElementsByClassName() 在ie8以下不兼容问题
摘要：JavaScript中获取元素document.getElementsByClassName()在IE8以下不兼容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat 阅读全文
posted @ 2021-02-20 14:36 独孤靖云 阅读(321) 评论(0) 推荐(0)
JavaScript练习 设置字体初始值大小和颜色为默认值，每秒钟字体增大5个像素，颜色变换一次 ，增大6次后开始缩小，缩小6次后再次增大
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-20 13:54 独孤靖云 阅读(243) 评论(0) 推荐(0)
JavaScript获取当前时间
摘要：/** * 获取当前时间 */ function getDate() { var date = new Date(); var year = date.getFullYear(); // 年 var month = formatTime(date.getMonth() + 1); // 月 var 阅读全文
posted @ 2021-02-20 13:47 独孤靖云 阅读(377) 评论(0) 推荐(0)
IOS+H5页面自定义按钮无效
摘要：在IOS整合H5页面的时候，自定义的按钮失去效果，Android系统可以。 如图，确定和取消按钮在IOS系统无效。 解决办法是在两个按钮上加上一个style属性即可 <span class="upper-sp sureExit" style="cursor:pointer">确定</span> <s 阅读全文
posted @ 2019-06-25 09:13 独孤靖云 阅读(834) 评论(0) 推荐(0)