网页设计常用代码：收藏、首页、去下划线及刷新功能

92 浏览量更新于2024-08-31 收藏 66KB PDF 举报

本文主要介绍了网页设计中的一些基础代码，包括收藏夹功能、设为首页功能、去掉超链接下划线、自动刷新网页以及返回上一页的实现方法。这些代码适用于Internet Explorer（IE）浏览器，但需要注意对于其他浏览器的兼容性问题。 1. **加入收藏夹** - 说明：这个功能允许用户将当前网页添加到浏览器的收藏夹中。 - 代码：通过`<span>`标签结合JavaScript的`window.external.addFavorite()`方法实现，用户点击后将当前网址（'https://www.jb51.net'）和网页标题（'我们'）添加至收藏夹。 2. **设为首页** - 说明：使用户能够一键将当前网页设置为浏览器的启动页。 - 代码：利用`<span>`标签的`onClick`事件，配合JavaScript的`setHomePage()`方法来实现。这段代码需要浏览器支持`behavior: 'url(#default#homepage)'`。 3. **去掉超链接下划线** - 说明：有些情况下，设计师可能希望去除超链接的下划线以提升视觉效果。 - 代码：通过CSS样式表，定义`<style>`标签内的`A:link`, `A:visited`, 和 `A:hover`选择器，将链接的下划线移除，并在鼠标悬停时添加特定颜色和下划线效果。 4. **自动刷新网页** - 说明：设置网页在一定时间后自动跳转到指定页面。 - 代码：在`<head>`标签内插入`<meta>`标签，使用`http-equiv="refresh"`属性设定延迟时间和目标页面URL。例如，300秒后跳转到`target.html`。 5. **刷新本页** - 说明：提供一个链接或按钮，点击后立即刷新当前页面。 - 代码：使用`<a>`标签，结合JavaScript的`location.reload()`函数，当用户点击链接时，页面将重新加载。 6. **返回上一页** - 说明：用户点击后可以返回上一浏览的页面。 - 代码：通过`<a>`标签结合JavaScript的`history.back()`函数实现，点击后浏览器会返回历史记录中的上一个页面。以上代码都是针对IE浏览器的，如果需要在其他浏览器如Chrome、Firefox、Safari等中保持兼容性，可能需要使用不同的方法或添加额外的前缀。对于跨浏览器兼容性，可以参考像“脚本之家”这样的资源，他们通常会提供兼容性解决方案的文章。

网页常用代码网页常用代码比较基础的东西比较基础的东西

都是一些网页设计中，常用到的代码，IE only,如果需要考虑到兼容性，可以参考脚本之家之前发布的文章。

◆加入收藏夹加入收藏夹

说明点击即可把你的网站添加到浏览器的收藏菜单下

代码

<span style="CURSOR: hand"

onClick="window.external.addFavorite('https://www.jb51.net','我们')"

title="我们">收藏本站</span>

◆设为首页设为首页

说明点击即可把你的网站设置为浏览器的起始页

代码

<span onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';

this.setHomePage('https://www.jb51.net');" style="CURSOR: hand">设为

首页</span>

◆去掉超链接的下划线去掉超链接的下划线

说明

有时候看着那超链接的下划线挺讨厌的，把下面这段代码放到网页源代

码<head>与</head>之间，下划线就无影无踪啦！

注意，网页的<body>标签里不能再有link之类的属性，否则本效果会失

效！

代码

<!--

A:link{text-decoration:none}

A:visited{text-decoration:none}

A:hover {color: #ff00ff;text-decoration:underline}

-->

</style>

◆自动刷新网页自动刷新网页

说明

自动刷新网页

在HTML的与之间加入下面这段代码，则在5分钟之后正在浏览的页面

将会自动变为target.html这一页。代码中300为刷新的延迟时间，以秒

为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。

代码 <meta http-equiv="refresh" content="300; url=target.html">

◆刷新本页刷新本页

说明点击即可刷新本页。

代码 <a href="javascript:location.reload()" target="_self">刷新</a>

说明点击即可返回到上一页面。

代码 <a href="javascript:history.back(-1)">返回上一页</a>

◆跳出小窗口跳出小窗口

说明

在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。

“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、

menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动

条的有无，resizable设置是否可让浏览者改变小窗口大小，width、

height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎

的哦！)

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38600460

粉丝: 5
资源: 955

网页设计常用代码：收藏、首页、去下划线及刷新功能

常用的东西表达式 js css 之类

jsp源代码 终于找到这么好的东西了

HTML网页常用代码

css常用代码大全文库

用友u9系统客开常用代码下载

Python抓取网页源代码的方法

pytcharm常用代码 2022

点餐系统的网页前端代码

网页恶意代码用什么工具检测

embarcadero devc++路自动补全常用代码

最新资源

jsp源代码终于找到这么好的东西了