Web开发实用技巧集锦
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
"web开发常用小技巧.doc" 在Web开发中,掌握一些实用的小技巧能够显著提升工作效率和代码质量。以下是一些关键知识点的详细说明: 1. **事件源对象**:`event.srcElement` 提供了触发事件的元素信息,可以获取到元素的标签名 (`event.srcElement.tagName`) 和类型 (`event.srcElement.type`),这对于识别和处理不同类型的元素事件非常有用。 2. **捕获与释放事件**:`setCapture()` 和 `releaseCapture()` 方法用于设置事件的捕获模式。当调用 `setCapture()` 时,事件会从根节点向下传递到目标元素;调用 `releaseCapture()` 则停止这种捕获模式。 3. **事件按键信息**:`event.keyCode` 可以获取用户按下键盘时对应的键码,`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 分别检查Shift、Alt和Ctrl键是否被按下。 4. **事件返回值**:`event.returnValue` 可以用来控制事件是否继续传播或执行默认操作,设置为 `false` 可阻止默认行为。 5. **鼠标位置**:`event.x` 和 `event.y` 提供了鼠标点击时相对于窗口左上角的坐标。 6. **窗体活动元素**:`document.activeElement` 返回当前焦点所在的元素,这对于跟踪用户交互非常有帮助。 7. **绑定事件**:`document.captureEvents(Event.KEYDOWN)` 可用于捕获指定类型的事件,如键盘按下事件。 8. **访问窗体元素**:`document.all("txt")` 可以获取ID为"txt"的元素,并通过 `focus()` 和 `select()` 方法使其获取焦点或全选其内容。 9. **窗体命令**:`document.execCommand` 是一个通用方法,可以执行某些特定的文档操作,如剪切、复制、粘贴等。 10. **窗体COOKIE**:`document.cookie` 允许读写浏览器的Cookie,这是存储客户端数据的一种常见方式。 11. **菜单事件**:`document.oncontextmenu` 用于监听右键点击事件,可自定义右键菜单。 12. **创建元素**:`document.createElement("SPAN")` 可创建新的HTML元素,如在此例中创建了一个 `<span>` 元素。 13. **根据鼠标位置获取元素**:`document.elementFromPoint(event.x,event.y)` 可以返回指定坐标处的元素,再判断元素类型,如 `tagName=="TD"` 检查是否为表格单元格。 14. **窗体图片**:`document.images[索引]` 可以访问页面中指定索引的图像元素。 15. **窗体事件绑定**:`document.onmousedown=scrollwindow;` 将 `scrollwindow` 函数绑定到窗口的鼠标按下事件。 16. **元素和对象事件绑定**:`document.窗体.elements[索引]` 访问表单元素,`detachEvent` 用于IE浏览器中解除事件绑定,例如 `document.all.xxx.detachEvent('onclick',a);` 解除对元素 'xxx' 的点击事件绑定。 17. **插件数目**:`navigator.plugins` 属性提供了浏览器安装的插件信息,可以获取插件数量。 18. **取变量类型**:`typeof($js_libpath)=="undefined"` 检查变量 `$js_libpath` 是否未定义。 19. **下拉框操作**:下拉框 (`select` 元素) 的 `options` 属性提供对选项的访问,可以通过索引 `options[索引]` 获取或修改选项,`options.length` 给出选项的总数。 20. **查找对象**:`document.getElementsByName("r1")` 和 `document.getElementById(id)` 分别用于按名称和ID查找页面上的元素。 21. **定时器**:`timer=setInterval('scroll',100)` 定义了一个定时器,每100毫秒执行一次 `scroll` 函数,实现定时执行任务。 以上是Web开发中的一些基础和实用技巧,理解并熟练运用这些技术将有助于编写更高效、响应更快的网页应用。
![](https://csdnimg.cn/release/download_crawler_static/85781233/bgb.jpg)
![](https://csdnimg.cn/release/download_crawler_static/85781233/bgc.jpg)
![](https://csdnimg.cn/release/download_crawler_static/85781233/bgd.jpg)
剩余63页未读,继续阅读
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://profile-avatar.csdnimg.cn/acfce43ffe2c41f996326bd927946824_yhsbzl.jpg!1)
- 粉丝: 3759
- 资源: 59万+
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 新型矿用本安直流稳压电源设计:双重保护电路
- 煤矿掘进工作面安全因素研究:结构方程模型
- 利用同位素位移探测原子内部新型力
- 钻锚机钻臂动力学仿真分析与优化
- 钻孔成像技术在巷道松动圈检测与支护设计中的应用
- 极化与非极化ep碰撞中J/ψ的Sivers与cos2φ效应:理论分析与COMPASS验证
- 新疆矿区1200m深孔钻探关键技术与实践
- 建筑行业事故预防:综合动态事故致因理论的应用
- 北斗卫星监测系统在电网塔形实时监控中的应用
- 煤层气羽状水平井数值模拟:交替隐式算法的应用
- 开放字符串T对偶与双空间坐标变换
- 煤矿瓦斯抽采半径测定新方法——瓦斯储量法
- 大倾角大采高工作面设备稳定与安全控制关键技术
- 超标违规背景下的热波动影响分析
- 中国煤矿选煤设计进展与挑战:历史、现状与未来发展
- 反演技术与RBF神经网络在移动机器人控制中的应用
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)