今天看啥
热点:

1.现在网上的加入浏览器的js代码都做不到兼容所有浏览器,不过测试发现ctrl+d键可以使用。

 

在IE9,CHROME,FIREFOX测试通过。相对比较简单。

 

<a href="javascript:void(0)" onclick="alert('请按Ctrl+D键进行添加本站到收藏夹')">加入收藏</a>

2.网站在加入收藏几乎每个网站都用到的,最简单的代码如:
 
<a onclick="window.external.addFavorite(document.URL,host.title)" style="cursor:pointer" >加入收藏</a>
但这个代码只能IE下有用,在FireFox及opera就不行了。因此在必须使用兼容性较好的Javascript代码来控制。
 
兼容多浏览器的加入收藏代码
 


	function addfavor(url,title) {

	    if(confirm("网站名称:"+title+"\n网址:"+url+"\n确定添加收藏?")){

	        var ua = navigator.userAgent.toLowerCase();

	        if(ua.indexOf("msie 8")>-1){

	            external.AddToFavoritesBar(url,title,'');//IE8

	        }else{

	            try {

	                window.external.addFavorite(url, title);

	            } catch(e) {

	                try {

	                    window.sidebar.addPanel(title, url, "");//firefox

	                } catch(e) {

	                    alert("加入收藏失败,请使用Ctrl+D进行添加");

	                }

	            }

	        }

	    }

	    return false;

	}

分享代码
 
<script type="text/javascript" src="http://s.bkjia.com/js/shareto_float.js#color=0&align=right&move=0" charset="utf-8"></script>
 

 

3.设置为首页和收藏夹代码
把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的兼容模式下加入收藏功能


注意:
这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示.
至于这里说不兼容360急速,我这里有个demo,是360自己的网站,在360极速浏览器的兼容模式下都不支持"加入收藏"这个功能,它自己的浏览器上自己的页面都不支持这个功能.
 

 


 
<a href="/">首页</a> |
            <a href="javascript:void(0)" onclick="SetHome(window.location)">设为首页</a>
 
            | <a href="javascript:void(0)" onclick="AddFavorite(window.location,document.title)">加入收藏</a>
 
      </pre>
</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>

4.更多加入收藏夹通用的代码

 

所有浏览器通用的js添加收藏夹代码,这里小K整理了多种方法实现加入收藏夹功能,下面为大家详细介绍下实现代码,感兴趣的朋友可以参考下哈
 
 
 
所有浏览器通用的js添加收藏夹代码
复制代码 代码如下:

<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.XXX.com','XXX');
}
else if (window.sidebar)
{
window.sidebar.addPanel('XXX', 'http://www.XXX.com', "");
}
}
</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=另存为><OBJECT classid=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=属性><OBJECT classid=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=打印><OBJECT classid=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=页面设置><OBJECT classid=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=后退>
 

 

5.JS实现浏览器菜单命令
每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时
,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有意思的事啊!下面我们就来看看如何用
Javascript代码实现浏览器菜单命令(以下代码在Windows XP下的浏览器中调试通过)。

一、【文件(F)】菜单中的命令的实现
1、〖打开〗命令的实现
[格式]:document.execCommand("open")
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
[举例]在<body></body>之间加入:
<a href="#" onclick=document.execCommand("open")>打开</a>
2、〖使用 记事本 编辑〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]打开记事本,在记事本中显示该网页的源代码。
[举例]在<body></body>之间加入:
<a href="#" onclick=location.replace("view-source:"+location)>使用 记事本 编辑</a>
3、〖另存为〗命令的实现
[格式]:document.execCommand("saveAs")
[说明]将该网页保存到本地盘的其它目录!
[举例]在<body></body>之间加入:
<a href="#" onclick=document.execCommand("saveAs")>另存为</a>
4、〖打印〗命令的实现
[格式]:document.execCommand("print")
[说明]当然,你必须装了打印机!
[举例]在<body></body>之间加入:
<a href="#" onclick=document.execCommand("print")>打印</a>
5、〖关闭〗命令的实现
[格式]:window.close();return false
[说明]将关闭本窗口。
[举例]在<body></body>之间加入:
<a href="#" onclick=window.close();return false)>关闭本窗口</a>

二、【编辑(E)】菜单中的命令的实现
〖全选〗命令的实现
[格式]:document.execCommand("selectAll")
[说明]将选种网页中的全部内容!
[举例]在<body></body>之间加入:
<a href="#" onclick=document.execCommand("selectAll")>全选</a>

三、【查看(V)】菜单中的命令的实现
1、〖刷新〗命令的实现
[格式]:location.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入:
<a href="#" onclick=location.reload()>刷新</a>
或加入:<a href="#" onclick=history.go(0)>刷新</a>
2、〖源文件〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]查看该网页的源代码。
[举例]在<body></body>之间加入:
<a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a>
3、〖全屏显示〗命令的实现
[格式]:window.open(document.location,"url","fullscreen")
[说明]全屏显示本页。
[举例]在<body></body>之间加入:
<a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a>

四、【收藏(A)】菜单中的命令的实现
1、〖添加到收藏夹〗命令的实现
[格式]:window.external.AddFavorite('url', '"网站名")
[说明]将本页添加到收藏夹。
[举例]在<body></body>之间加入:
<a href="javascript:window.external.AddFavorite('添加到收藏夹 " target="_blank">http://oh.jilinfarm.com', '胡明新的个
人主页')">添加到收藏夹</a>
2、〖整理收藏夹〗命令的实现
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[说明]打开整理收藏夹对话框。
[举例]在<body></body>之间加入:
<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>

五、【工具(T)】菜单中的命令的实现
〖internet选项〗命令的实现
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[说明]打开internet选项对话框。
[举例]在<body></body>之间加入:
<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>

六、【工具栏】中的命令的实现
1、〖前进〗命令的实现
[格式]history.go(1) 或 history.forward()
[说明]浏览器打开后一个页面。
[举例]在<body></body>之间加入
<a href="#" onclick=history.go(1)>前进</a>
加入:<a href="#" onclick=history.forward()>前进</a>
2、〖后退〗命令的实现
[格式]:history.go(-1) 或 history.back()
[说明]浏览器返回上一个已浏览的页面。
[举例]在<body></body>之间加入
<a href="#" onclick=history.go(-1)>后退</a>
加入:<a href="#" onclick=history.back()>后退</a>
3、〖刷新〗命令的实现
[格式]:document.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入
<a href="#" onclick=location.reload()>刷新</a>
加入:<a href="#" onclick=history.go(0)>刷新</a>

七、其它命令的实现
〖定时关闭本窗口〗命令的实现
[格式]:settimeout(window.close(),关闭的时间)
[说明]将关闭本窗口。
[举例]在<body></body>之间加入
<a href="#" onclick=setTimeout(window.close(),3000)>3秒关闭本窗口</a>

评论暂时关闭