概述 使用 offset 系列属性可以动态得到该元素的位置（偏移），大小等 | offset系列属性 | 说明（只读属性） | | | | | | 返回元素带有定位的父元素上方的偏移，父元素没有定位以body为准 | | | 返回元素带有定位的父元素左边的偏移，父元素没有定位以body为准 | | ...
分类：
其他好文 时间：
2020-04-01 00:41:08
阅读次数：
79
以上是效果图，以下是代码 首页代码： <script> $("link").remove(); $("script").remove(); $(function() { $("link").remove(); $("script").remove() }); window.blogCommentMa ...
分类：
其他好文 时间：
2020-03-30 14:38:17
阅读次数：
76
鼠标点击空白处会产生指定的文字: 首先你需要申请JS权限，然后在后台管理页脚 HTML 代码中添加JS代码，最后保存即可。 JS具体代码如下： <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).rea ...
分类：
其他好文 时间：
2020-03-06 15:11:57
阅读次数：
62
一. 客户区坐标位置（clientX，clientY） 鼠标事件都是在浏览器视口中的特定位置发生的。这个位置信息保存在事件对象的clientX和clientY属性中，所有浏览器都支持这两个属性。 我们知道了这个位置信息我们可以做些什么了？举个例子，有时候我们需要获取鼠标在某一个元素中的相对位置，做一 ...
分类：
Web程序 时间：
2020-02-22 12:20:40
阅读次数：
142
宿主对象（host object），即由ECMAScript实现的宿主环境提供的对象。 宿主对象的表现形式，即浏览器下window的子对象和node.js下global的子对象。 DOM（文档对象模型）和BOM（浏览器对象模型）属于宿主对象。 也就是说，DOM和BOM是编程接口，我们可以获取到一些列 ...
分类：
编程语言 时间：
2020-01-20 13:13:54
阅读次数：
125
因为JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码。 浏览器在接收到用户的鼠标或键盘输入后，会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函 ...
分类：
Web程序 时间：
2020-01-16 12:40:11
阅读次数：
99
1. 我们在盒子内点击，想要得到鼠标距离盒子左右的距离。 2. 首先得到鼠标在页面中的坐标（e.pageX, e.pageY） 3. 其次得到盒子在页面中的距离 ( box.offsetLeft, box.offsetTop) 4. 用鼠标距离页面的坐标减去盒子在页面中的距离，得到 鼠标在盒子内的坐 ...
分类：
其他好文 时间：
2020-01-12 21:45:16
阅读次数：
81
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ height: 100px; width: 10 ...
分类：
Web程序 时间：
2019-12-19 21:34:00
阅读次数：
104
1、window的各种宽高 outerWidth、innerWidth、outerHeight、innerHeight outerHeight 获取浏览器窗口外部的高度（单位：像素）。表示整个浏览器窗口的高度，包括侧边栏（如果存在）、窗口镶边（window chrome）和调整窗口大小的边框（win ...
分类：
Web程序 时间：
2019-12-03 16:49:12
阅读次数：
83
jquery pageX属性 语法 作用：pageX() 属性是鼠标指针的位置，相对于文档的左边缘。大理石构件来图加工 语法：event.page 参数： 参数 描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageX属性 示例 <html> <h ...
分类：
Web程序 时间：
2019-11-30 13:45:15
阅读次数：
95
