个人网页设计代码技巧汇总

56 浏览量更新于2024-06-27 收藏 203KB DOC 举报

"个人网页设计常用代码集合" 在个人网页设计中，掌握一些基础的HTML和JavaScript代码可以极大地提升网页的用户体验和功能性。以下是一些常见的代码片段，用于实现特定的功能： 1. **禁止页面正文内容被选取**：这段代码用于阻止用户在网页上选中文字或图片内容，常用于防止抄袭或保护版权信息。通过添加`oncontextmenu`、`ondragstart`、`onselectstart`、`onselect`、`oncopy`和`onbeforecopy`事件处理函数，可以实现对页面内容的选取限制。 2. **消除IE6自动图像工具栏**： Internet Explorer 6浏览器会显示一个图像工具栏，当用户将鼠标悬停在图像上时。设置`GALLERYIMG`属性为`no`，可以禁用这个功能，提供更简洁的浏览体验。例如：`<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">` 3. **防止点击空链接时页面重置**：当链接的目标为空（#）时，点击链接通常会使页面滚动到顶部。通过将链接的`href`属性设置为`javascript:void(null)`，可以防止这种行为。 4. **避免网页被放入框架中**：如果不希望自己的网页被嵌入到其他网站的框架中，可以使用JavaScript检查当前页面是否为主窗口。如果不是，则可以执行某些操作，如跳转或显示警告。示例代码：`<script language="javascript">if(self!=top) { ... }</script>` 5. **页面定时刷新**：使用`<meta>`标签的`http-equiv`属性设置为`Refresh`，并指定内容为刷新的秒数，可以实现页面自动刷新。例如：`<meta http-equiv="Refresh" content="秒">` 6. **页面定时转向新的地址**：类似于页面刷新，但可以指定新的URL地址。内容格式为：`秒;URL=url`，如：`<meta http-equiv="refresh" content="秒;URL=url">` 7. **关闭窗口**：在JavaScript中，可以通过创建ActiveXObject来实现窗口的无提示关闭。将以下代码添加到`<body>`区域中，然后调用`shutwin()`函数即可关闭当前窗口： ```html <OBJECT id="closeWin" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM NAME="Command" VALUE="Close"> </OBJECT> <script language="javascript">function shutwin() { ... }</script> ``` 以上代码片段是个人网页设计中的一些基本技巧，它们可以帮助优化用户体验，控制页面行为，并提供更好的内容保护。在实际应用中，应根据具体需求和浏览器兼容性进行调整。