网站开发是一个复杂且多维度的过程,涵盖了许多技术和方法。对于毕业设计而言,掌握这些技巧至关重要。以下是一些关键知识点的详细解释: 1. **事件处理**: - **事件源对象**: `event.srcElement` 可以获取触发事件的元素,而 `event.srcElement.tagName` 和 `event.srcElement.type` 可以分别获取该元素的标签名和类型。 - **捕获与释放**: `event.srcElement.setCapture()` 用于开启事件捕获,`event.srcElement.releaseCapture()` 则用于释放。 2. **键盘事件**: - **按键信息**: `event.keyCode` 返回按下键的编码,`event.shiftKey`, `event.altKey`, 和 `event.ctrlKey` 分别检查是否按下了Shift、Alt或Ctrl键。 3. **事件返回值**: - `event.returnValue` 可以设置或获取事件的返回值,这对于阻止默认行为很有用。 4. **鼠标位置**: - `event.x` 和 `event.y` 提供了鼠标在页面上的当前位置。 5. **窗体操作**: - `document.activeElement` 返回当前获得焦点的元素。 - `document.captureEvents(Event.KEYDOWN)` 用于捕获键盘事件。 - `document.all("txt").focus()` 和 `.select()` 分别用于聚焦和选中指定ID的元素。 - `document.execCommand` 可以执行一些常见的文档操作,如复制、粘贴等。 - `document.cookie` 用于读写页面的Cookie。 6. **元素交互**: - `document.oncontextmenu` 可以监听右键点击事件。 - `document.createElement("SPAN")` 创建新的HTML元素。 - `document.elementFromPoint(event.x,event.y)` 返回指定坐标下的元素。 - `document.images[索引]` 访问页面中的图像元素。 - `document.窗体.elements[索引]` 访问表单元素。 - `document.all.xxx.detachEvent('onclick',a)` 移除事件监听器。 7. **浏览器信息**: - `navigator.plugins` 返回浏览器已安装的插件列表。 - `typeof($js_libpath) == "undefined"` 检查变量是否未定义。 8. **选择和遍历元素**: - `document.getElementsByName("r1")` 获取所有具有特定名称的元素。 - `document.getElementById(id)` 通过ID查找元素。 - `下拉框.options[索引]` 和 `.options.length` 分别用于访问下拉框的选项和长度。 9. **定时器**: - `timer=setInterval('scrollwindow()',delay);` 定义定时器,每隔一定时间执行函数。 - `clearInterval(timer);` 取消定时器。 10. **编码与解码**: - `escape()` 和 `unescape()` 用于URL编码和解码,也可以用于简单的Unicode编码。 11. **CSS操作**: - `document.all.csss.href = "a.css";` 更改CSS链接。 - `display:inline` 使元素并排显示。 - `hidefocus=true` 隐藏元素的焦点。 - `word-break:break-all` 和 `word-wrap: break-word;` 控制文本换行。 12. **其他特性**: - `<meta HTTP-EQUIV="refresh" C>` 实现页面自动刷新。 - `<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">` 创建邮件链接。 - `obj.scrollIntoView(true)` 让元素滚动到视口可见。 - `<a name="first">` 和 `<a href="#first">` 创建锚点链接。 - `location.search();` 用于获取URL查询字符串。 - `obj.contenteditable=true` 使元素可编辑。 - `obj.execCommand` 执行CSS命令。 - `/[^\x00-\xff]/` 匹配双字节字符(非ASCII字符),`/[\u4e00-\u9fa5]/` 匹配汉字。 - `allowtransparency` 属性允许IFRAME背景透明。 - `CollectGarbage()` 在JavaScript中手动触发垃圾回收。 以上是网站开发中涉及的一些基础和高级技巧,理解并熟练运用这些知识点,将对你的毕业设计大有裨益。在实际项目中,还需要结合HTML、CSS、JavaScript等技术,以及响应式设计、SEO优化、性能调优等多个方面来综合考虑和实践。
剩余30页未读,继续阅读
- 粉丝: 5
- 资源: 25
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助