前端开发技巧：JavaScript与HTML CSS 实用代码集锦

需积分: 3 97 浏览量更新于2024-10-22 收藏 164KB DOC 举报

"这篇资源主要涉及的是JavaScript、HTML和CSS的经典代码示例，包括了一些页面交互、用户行为控制以及浏览器兼容性的技巧。" 在Web开发中，JavaScript、HTML和CSS是构建网页的基础技术。以下是对这些代码片段的详细解释： 1. **设置表格虚线**： - 方法一：通过创建一个1X2的图像，一半黑色一半白色，然后在表格中使用这个图像来模拟虚线。这种方法适用于所有浏览器。 - 方法二：在CSS中设置边框为虚线，如 `border-style: dashed;`。但需要注意，此方法仅在IE5+版本中有效。 2. **禁用鼠标右键**： - `oncontextmenu="window.event.returnValue=false"` 可用于禁止页面上的鼠标右键菜单，以防止用户执行默认的右键操作。 3. **禁止选取、复制**： - `<body onselectstart="return false">` 可以阻止用户选取页面内容。 - `onpaste="return false"`，`oncopy="return false;"` 和 `oncut="return false;"` 分别阻止了文本的粘贴、复制和剪切功能。 4. **设置Favicon**： - `<link rel="ShortcutIcon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">` 用于在浏览器地址栏和收藏夹中显示自定义的网站图标。 5. **关闭输入法**： - `<input style="ime-mode: disabled">` 可以在输入框中关闭输入法，通常用于不需要中文输入的场景。 6. **防止被嵌入框架（framing）**： - 通过检查 `top.location` 和 `self.location`，如果当前页面不在顶级窗口，则重定向到指定页面，以防止页面被其他网站框架引用。 7. **禁止网页被另存为**： - 使用 `<noscript>` 标签和内嵌的 `iframe` 可以防止用户直接另存网页，但这并不完全有效，因为用户仍可以通过其他方式获取页面内容。 8. **查看网页源代码**： - 通过点击按钮，`onclick` 事件会跳转到 `view-source:` 协议，显示网页的源代码。 9. **删除确认对话框**： - 在链接的 `onclick` 事件中，添加确认对话框，只有当用户确认后才会执行删除操作。 10. **获取控件的绝对位置**： - JavaScript 函数 `getIE(e)` 可用于获取HTML元素的绝对位置，但请注意，这里的函数名 `getIE` 暗示它可能只适用于Internet Explorer浏览器，因为其他现代浏览器可能需要不同的方法来获取位置信息。以上代码片段展示了JavaScript、HTML和CSS在实际应用中的常见技巧，可以帮助开发者实现各种交互效果和安全控制。然而，随着Web技术的发展，一些方法（如针对旧版IE的特性）可能已经过时，现代的Web开发更倾向于使用更通用的解决方案和最新的标准。

luck_dj

粉丝: 3
资源: 2

前端开发技巧：JavaScript与HTML CSS 实用代码集锦

html+css+JavaScript的学习代码.zip

HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip

个人博客html+css+JavaScript完整代码

HTML+CSS+JavaScript+AJAX+JQuery.docx

基于HTML+Java+JavaScript+CSS+PHP技术的婚庆网站设计源码

基于zfile的JavaScript+CSS+HTML+Shell多语言设计源码美化版

基于Java+JavaScript+CSS+HTML的精准帮扶平台设计源码

基于HTML+CSS+JavaScript实现的QQ音乐界面+源代码+文档

基于Java+Vue+JavaScript+CSS+HTML的gulimall电商系统设计源码学习笔记

基于SSM框架的会议管理系统设计源码，JavaScript+CSS+Java+HTML全栈实现

最新资源