2020年10月12日
JavaScript页面被卷去的头部兼容性解决方案
摘要： 代码实现： function getScroll() { return { left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0, top: window.pa 阅读全文
posted @ 2020-10-12 14:15 火星飞鸟 阅读(351) 评论(0) 推荐(0)
JavaScript 图片放大预览效果
摘要： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2020-10-12 13:20 火星飞鸟 阅读(1068) 评论(0) 推荐(0)
JavaScript实现拖动对话框效果
摘要： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2020-10-12 08:46 火星飞鸟 阅读(561) 评论(0) 推荐(0)
JavaScript获取鼠标在盒子里的坐标
摘要： 实现思路： 在盒子内点击，想要得到鼠标距离盒子左右的距离 首先得到鼠标在页面中的坐标e.pageX,e.page 其次得到盒子在页面中的距离box.offsetLeft,box.offsetTop 用鼠标距离页面的坐标减去盒子在页面中的距离，得到鼠标在盒子内的坐标 如果想要移动一下鼠标，就要获取最新 阅读全文
posted @ 2020-10-12 07:32 火星飞鸟 阅读(361) 评论(0) 推荐(0)
2020年10月11日
JavaScript动态显示当前时间
摘要： 代码实现： <body></body>内容： <div></div> <script> var div = document.querySelector('div'); getDate(); setInterval(getDate, 1000); function getDate() { var d 阅读全文
posted @ 2020-10-11 14:05 火星飞鸟 阅读(1859) 评论(0) 推荐(0)
JavaScript获取URL参数数据
摘要： 要求： 有两个页面：index.html和login.html。在login.html页面中点击登录，会跳转到index.html，并将输入的用户名传递到index.html。 实现思路： 第一个登录页面，里面有提交表单，action提交到index.html页面 第二个页面，利用了URL里面的lo 阅读全文
posted @ 2020-10-11 12:08 火星飞鸟 阅读(640) 评论(0) 推荐(0)
JavaScript5秒跳转页面
摘要： 代码实现： <body></body>内容： <body> <div></div> <script> var div = document.querySelector('div'); var timer = 5; fn(); setInterval(fn, 1000); function fn() 阅读全文
posted @ 2020-10-11 11:52 火星飞鸟 阅读(710) 评论(0) 推荐(0)
JavaScript执行机制浅谈
摘要： JS是单线程 JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。 这是因为Javascript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用户的交互，以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之 阅读全文
posted @ 2020-10-11 10:42 火星飞鸟 阅读(213) 评论(0) 推荐(0)
关于URL
摘要： 统一资源定位符(Uniform Resource Locator,URL)是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 URL的一般语法格式为： protocol://host[:port]/path/[?query]#fra 阅读全文
posted @ 2020-10-11 10:27 火星飞鸟 阅读(373) 评论(0) 推荐(0)
JavaScript实现获取验证码倒计时效果
摘要： 要求： 点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信 实现思路： 按钮点击之后，禁用disabled为true 同时按钮里面的内容会变化，button里面的内容通过innerHTML修改 里面秒数是有变化的，因此需要用到定时器 定义一个变量，在定时器里面，不断递减 如果变量为0说明时间 阅读全文
posted @ 2020-10-11 09:43 火星飞鸟 阅读(1067) 评论(0) 推荐(1)