我们平时在浏览网页的时候,常常看到网站上有“设为首页”或“加入收藏”的按钮,只要点击一下即可将正在浏览的网站设为浏览器首页或者将网站加入到收藏夹中,方便下次浏览。如图:
要想在网页中实现上述功能,其实很简单。具体步骤如下。
首先,在html文档中,添加如下代码:
<a onClick="SetHome('网址')" href="javascript:void(0)" title="设为首页">设为首页</a>
<a onClick="AddFavorite('网址','网站名称')" href="javascript:void(0)" title="加入收藏">加入收藏</a>
其次,在网页中添加下列JavaScript脚步本:
<SCRIPT language="javascript">
//加入收藏
function AddFavorite(sURL, sTitle) {
????sURL = encodeURI(sURL);
????try {
????????window.external.addFavorite(sURL, sTitle);
????} catch (e) {
????try {
????????window.sidebar.addPanel(sTitle, sURL, "");
????} catch (e) {
????????alert("加入收藏失败,请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");
????????}
????}
}
//设为首页
function SetHome(url) {
????if (document.all) {
????????document.body.style.behavior = 'url(#default#homepage)';
网页怎么实现设为首页和加入收藏功能?_加入收藏
????????document.body.setHomePage(url);
????} else {
????????alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
????}
}
</SCRIPT>
通过上面两步的操作,即可轻松实现网页“设为首页”和“加入收藏”功能。