网站中添加设为首页和加入收藏代码
网页怎么实现设为首页和加入收藏功能 - 用于合并
网页怎么实现设为首页和加入收藏功能? 我们平时在浏览网页的时候,常常看到网站上有“设为首页”或“加入收藏”的按钮,只要点击一下即可将正在浏览的网站设为浏览器首页或者将网站加入到收藏夹中,方便下次浏览。
如图:要想在网页中实现上述功能,其实很简单。
具体步骤如下。
首先，在html文档中，添加如下代码:<a href="javascript:void(0);" onclick="show_index(window.location);">设为首页 </a><ahref="javascript:void(0);" onclick="show_Favorite(window.location,document.titl e);"> 加入收藏</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>。
实现设为首页加入收藏功能
如何实现"设为首页"，"加入收藏"的功能分类：Javascript 2012-03-19 12:58 212人阅读评论(4) 收藏举报∙如何实现"设为首页"，"加入收藏"的功能∙解决思路：将指定URL设为首页的功能主要是依靠IE默认行为homePage的setHomePage方法，而将指定URL加入收藏夹的实现则是external对象的AddFavorite方法。
∙具体步骤：设为首页：[html]view plaincopyprint?1.<a href="http://localhost:8888/QianQiu/index"2. onClick="this.style.behavior='url(#default#homepage)';3. this.setHomePage('http://localhost:8888/QianQiu/index');4. return(false);"5. style="behavior: url(#default#homepage)">6. 设为首页7.</a>1.<a href="http://localhost:8888/QianQiu/index"2. onclick="window.external.addFavorite('http://localhost:8888/QianQiu/index','千秋功罪');3. return false;"4. title="将本站添加到你的收藏夹中！"5. align="center">6. 加入收藏7.</a>还有其实在浏览器下，CTRL+D快捷键就是添加到收藏夹！。
设为主页代码及添加到收藏夹代码大全
设为主页代码及添加到收藏夹代码大全关闭网页时弹出设为主页对话框代码：复制代码<BODY id=iehomepageonunload="iehomepage.style.behavior='url(#default#homepage)';if(!(iehomep age.isHomePage('')))iehomepage.setHomePage('http:/ /');">打开网页弹出设为主页对话框代码：复制代码<BODY id=iehomepageonload="iehomepage.style.behavior='url(#default#homepage)';if(!(iehomepag e.isHomePage('')))iehomepage.setHomePage('http://w ');">单击链接设为主页复制代码<a href=#onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http ://t');">设为主页</a>鼠标滑过设定为主页复制代码<a href=#onMouseOver="this.style.behavior='url(#default#homepage)';this.setHomePa ge('');">设为主页</a>（2）添加到收藏夹代码：复制代码离开网页时弹出<script language="javascript">function bookmarkit(){window.external.addFavorite('','网店代理')}</script><body onunload="bookmarkit()">网页载入时弹出复制代码<script language="javascript">function bookmarkit(){window.external.addFavorite('','网店代理')}</script><body onload="bookmarkit()">右键弹出复制代码<script language=javascript1.2>document.all.onMouseDown=new Function("if(event.button==2||event.button==3)window.external.addFavorite('http://www.a ','网店代理')")</script>单击文字弹出复制代码<script language="javascript">function bookmarkit(){window.external.addFavorite('','网店代理')}if (document.all)document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>')</script>鼠标滑过文字弹出复制代码<script language="javascript">function bookmarkit(){window.external.addFavorite('','网店代理')}if (document.all)document.write('<a href="#" onMouseOver="bookmarkit()">加入收藏夹</a>')设为主页代码及添加到收藏夹代码大全。
网页制作代码
Байду номын сангаас
URL就是你要设定的网址地址
加入到收藏夹中的实现方法为：
举一反三，与上面设为首页的方法一样，如果您要将当前网页加入收藏，而当前网页的网址不确定，您可以采用以下方法：
-------------------------------------------------------------------------------
关闭当前窗口的功能
这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“javascript:window.close(); return false;”。
<a style="cursor:hand" onclick="this.style.behavior=’url(#default#homepage)’;
this.setHomePage(’/bookmark-favorites.php’);">
<img width=16 height=16 border=0 src="images/house.png">
<u> Set as Home Page</u></a>
1.文字型：
<a onclick="this.style.behavior=’url(#default#homepage)’;this.setHomePage(’’);" href="#">設為首頁</a>
淘宝装修代码大全(完整版)
三，文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代
码是这样：
<a href=/?id=admin>衣装盛饰</a>
如果要点了这个文字以后重新打开一个窗口的话，代码是
<a href=/?id=admin target=_blank>衣装盛饰</a>
top:0px" />
再打开我的店铺管理把这段代码放在店铺公告最后就可以啦，你就可以
在你的店铺里看见挂饰了。
★店铺分类代码:
<IMG src="图片地址">
★宝贝描述个性鼠标使用方法：
1、宝贝描述编辑完成后，先点击“编辑源文件”，在源文件顶部输入
以下代码：
<table width="100%" style="CURSOR: url('这里输入靓靓鼠标的地址
上面的数字都能调节图片尺寸大小。
六，换行代码
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入
<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段
落分明
如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>
，那就会空一行
top:0px" />
☆把挂饰图片上传到网络相册里哦!!!!，
然后点击图片放大，在大图中鼠标右键选择属性，在属性中有网络地址
，把它拷贝下来，
html手写代码[整理版]
![html手写代码[整理版]](https://img.taocdn.com/s3/m/d441b470f4335a8102d276a20029bd64783e62d5.png)
html手写代码<body text=""> 设置非链接文字（普通文字）的颜色bgproperties="fixed" 文字滚动背景不动；；；颜色属性:1 2 位（红色）3 4位（绿色）5 6位（蓝色）bgcolor="背景颜色" background="网页背景" ../网页的上层文件<p>标签的属性 align="下一段中的文字对齐方向"<b></b>和<strong></strong>以粗体显示<i></i>,<cite></cite>,<em></em>,<var></var>,<dfn></dfn>以斜体显示 <u></u>加下滑线 <address>斜体加换行</address><hr> noshade属性（取消水平线的立体属性“阴影”）<center>要居中的内容</center><strike>要加上删除线的文字</strike> <big>要加大的文字</big><small>要缩小的文字</small> sub下标 sup上标<ol><li></li></ol>有序排列 type属性="排序方式" start="3"排序从三开始<li>的属性 type="排序类型" value="开始的值"<ul><li></li></ul>无序排列<table> cellspcing 表格之间的距离 cellpadding文字与边框的距离 bgcolor背景颜色<td>valign垂直对齐 top顶 middle居中对齐 bottom底端对齐</td><img src="" hspace="水平方向空白" vspace="垂直方向空白"><a href="链接网站" >图片链接<a><img="" src="" usemap="map(代表有热点区域片)" /></a><map name="" id="map"><area shape="热点形状：rect矩形circle 圆形poly不规则图像" coords="左上角和右下角的坐标"/></map><frameset rows=（框架横向的划分） cols="框架的垂直划分（12，*）" framespacing="两个边框的距离" frameborder="有无边框（值有1,0，yes，no）">框架标签<frame src="网页 id="" name="框架名字" scrolling="(yes和no)框架是否有滚动条"（框窗"<frameset><noframes><body></body></noframes> 当浏览器不支持框架时显示<body>和</body>之间的文字<iframe src="">当浏览器不支持iframe标签时显示的文字</iframe><marquee>width和height属性限制文字滚动的宽度和高度behavior属性决定文字滚动的方式scrollamount滚动速度 loop滚动次数元标签<meta name="description" content="描述信息"><meta name="keywords" contect="关键字">特殊符号在代码中的显示用指定的代码显示CSS行内样式 style= "border:#ffffff 10px solid(实线)"dotted虚线style="font-style:italic(斜体字)" font-size字体大小style="font-variant:small-caps" 将文字变成小型大写style="font-weght:{bold(粗体相当于把值设为700)，bolder（比normal粗一点)，lighter(比正常要细)}"style="font-family:"字体"" 一种字体不加引号或单引号多种加双引号style="text-decoration:underline(下划线),overline(上划线),line-through（中线）"style="text-align:文本对齐方式"style="letter-spacing:文字间的间隔像素"style="color:#颜色属性"background:可以设置多种属性如颜色背景图片background-color:设置背景颜色background:url() background-image:url()设置背景图片background-repeat:背景图片是否重复有no-repeat（不重复）repeat-x（横向重复）repeat-y（纵向重复）background-position:center（水平位置）center（垂直位置）; 控制图片的位置也可精确的控制图片的位置ru：background-position:*px或*% *px或*% 此处的px可省略也可特定设置水平和垂直的位置background-position-x（或y）margin（外空白）[余量]style="margin:*px"设置图片与border的空白style="margin-{left||right||bottom||top}:*px"设置单方的空白style="margin:*(上下空白) *（左右空白）"style="margin:*(left) *(right) *(bottom) *(left)"padding(内空白)[填充]usage and margin（用法与margin一样）css内联样式标签样式<style type="text/css"><!--a:link{}/*超链接未连接的时候*/a:hover{}/*当鼠标经过的时候*/a:active{}/*当单击超链接的时候*/a:visiited{}/*当访问过之后的样式*/这四个是伪类；；；；--></style>类样式<style type="text/css"><!--.* a:link--></style>在需要应用超链接css处添加代码 class="*"选择符组p,b{指定两个标签的相同样式}类选择符b.reg其中b是标签名reg是css类样式名When application[应用] in b labels[标签] add code in class ="reg" to register[登记][应用时在b标签中添加代码class="reg"]Class lable if added before the tag name only to the corresponding[应用] lables such effective[有效] [类标签前要是添加了标签名则该类只对对应的标签有效]ID选择符#ID（id号）When using in the tag[标签] to join id=""【当使用时在标签中加入id=""】td#one(标签#one)限定ID的作用标签包含标签td p（标签标签） {css样式}此css作用于td中的p标签与上面的.* a:link用法差不多伪类和类的结合 a.red:link method of use[使用方法]class=red；这种方法限制了此css只能在a标签中使用.red a:link 这种方法不限制css所应用的标签;;外部链接<link rel="stylesheet" （使用指定的样式表格式）type="text/css"(指定使用的文件是样式表文件) href="css/文件名"（css文件路径）>设为首页样式代码<a style="behavior:url(#default#homepage)"onclick="this.style.behavior='url(#default#homepage)';this. sethomepage(‘填入要设的网页’);return(false);" href=#>文字</a><a onclick="window.external.addfavorite('要收藏的网页','网站名称')" href=#>文字</a>例子（主页和收藏）<html><head><title>made of luye</title></head><body><a href=# style="behavior:url(#default#homepage)"onclick="this.style.behavior='url(#default#homepage)';this. sethomepage('')">homepage</a><p>111</p><a href=#onclick="window.external.addfavorite('' ,'qwer')">favorite</a></body></html>margin和padding的区别margin是标签与标签之间的空白padding 是标签之内的空白；。
JS加入收藏夹的代码（主流浏览器通用）
JS加⼊收藏夹的代码（主流浏览器通⽤）所有浏览器通⽤的js添加收藏夹代码复制代码代码如下:<script>function addfavorite(){if (document.all){window.external.addFavorite('','XXX');}else if (window.sidebar){window.sidebar.addPanel('XXX', '', "");}}</script><a href="#" onclick="addfavorite()">XXX</a>打开,另存为,属性,打印"等14个JS代码■刷新■■导⼊收藏■■导出收藏■■整理收藏夹■■查看原⽂件■■语⾔设置■■打开■<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>■另存为■<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为><OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>■属性■<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性><OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>■打印■<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>■页⾯设置■<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页⾯设置><OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>■刷新■<input type=button value=刷新 name=refresh onclick="window.location.reload()">■导⼊收藏■<input type="button" name="Button" value="导⼊收藏夹" onClick=window.external.ImportExportFavorites(true,);>■导出收藏■<input type="button" name="Button3" value="导出收藏夹" onClick=window.external.ImportExportFavorites(false,);>■加⼊收藏■<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加⼊收藏夹>■整理收藏夹■<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夹>■查看原⽂件■<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源⽂件>■语⾔设置■<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语⾔设置>■前进■<INPUT name=Submit onclick=history.go(1) type=submit value=前进>■后退■<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>- 作者： gatebill 2005年11⽉1⽇, 星期⼆ 12:42 回复（0） | 引⽤（0）加⼊博采JS实现浏览器菜单命令每当我们看到别⼈⽹页上的打开、打印、前进、另存为、后退、关闭本窗⼝、禁⽤右键等实现浏览器命令的链接，⽽⾃⼰苦于不能实现时，是不是感到很遗憾？是不是也想实现？如果能在⽹页上能实现浏览器的命令，将是多么有意思的事啊！下⾯我们就来看看如何⽤Javascript代码实现浏览器菜单命令(以下代码在Windows XP下的浏览器中调试通过)。
(2021年整理)js代码设为首页加入收藏
(完整版)js代码设为首页加入收藏编辑整理：尊敬的读者朋友们：这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布的，发布之前我们对文中内容进行仔细校对，但是难免会有疏漏的地方，但是任然希望（(完整版)js代码设为首页加入收藏）的内容能够给您的工作和学习带来便利。
同时也真诚的希望收到您的建议和反馈，这将是我们进步的源泉，前进的动力。
本文可编辑可修改，如果觉得对您有帮助请收藏以便随时查阅，最后祝您生活愉快业绩进步，以下为(完整版)js代码设为首页加入收藏的全部内容。
（完整版)js代码设为首页加入收藏编辑整理:张嬗雒老师尊敬的读者朋友们:这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布到文库，发布之前我们对文中内容进行仔细校对,但是难免会有疏漏的地方，但是我们任然希望 (完整版）js代码设为首页加入收藏这篇文档能够给您的工作和学习带来便利。
同时我们也真诚的希望收到您的建议和反馈到下面的留言区,这将是我们进步的源泉，前进的动力。
本文可编辑可修改，如果觉得对您有帮助请下载收藏以便随时查阅，最后祝您生活愉快业绩进步，以下为 <（完整版)js代码设为首页加入收藏〉这篇文档的全部内容。
// JavaScript Document// 加入收藏<a onclick=”AddFavorite（window.location,document。
title）”>加入收藏</a>function AddFavorite（sURL， sTitle）{try｛window。
external。
addFavorite(sURL， sTitle）；｝catch (e）{try{window。
sidebar。
addPanel（sTitle, sURL，””)；}catch (e）{alert("加入收藏失败，请使用Ctrl+D进行添加"）;｝｝}//设为首页〈a onclick=”SetHome（this，window。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
功能描述：
网站建设中把页面设置为首页,加入收藏功能，支持（ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器）的兼容模式下加入收藏功能
注意:
这里虽然说是兼容，但是有些浏览器的设置就是不支持用js来把页面设为首页，加入收藏夹，只能让用户手动去在浏览器或者按键去设置这些功能，这里说的兼容是指当浏览器有
这个设置的时候js会有提示。
至于这里说不兼容360急速，我这里有个demo，是360自己的网站,在360极速浏览器的兼容模式下都不支持"加入收藏"这个功能,它自己的浏览器上自己的页面都不支持这个功能
Code:
<!doctype html>
<html>
<head>
<title>把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的加入收藏功能</title>
</head>
<body>
<div>
<a href=/"（把更改为您自己的网址即可）/">首页</a> |
<a onclick="SetHome(window.location)" href="javascript:void(0)">设为首页</a>
| <a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)">加入收藏</a>
</div>
<script type="text/javascript" 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> </body> </html>。