零基础建站培训教程介绍

当前位置:

兼容IE,谷歌,火狐浏览器的设为首页、加入收藏及保存到桌面功能

在我们做网站时,为了方便浏览者以后能快速找到我们的网站,可以在自己的网站上添加设为首页、加入收藏及保存到桌面等功能。

兼容IE,谷歌,火狐浏览器的设为首页、加入收藏及保存到桌面功能

在之前的dreamweaver视频教程讲到过如何制作“设为首页、加入收藏”功能,但它的缺点在于,这个方法制作的设为首页、加入收藏功能只适用于IE浏览器,其实浏览器却不适用,也不适用于网站手机客户端制作

今天学做网站论坛给大家分享一段设为首页、收藏本站及保存到桌面的js代码,完美兼容IE,谷歌,火狐浏览器,非常实用。

第一步:复制下面的JS特效代码,放到自己网页的</head>标签上面;

<script  type="text/javascript">
//设为首页
function SetHome(obj,url){
try{
obj.style.behavior='url(#default#homepage)';
obj.setHomePage(url);
}catch(e){
if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch(e){
alert("抱歉,此操作被浏览器拒绝!\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
}
}else{
alert("抱歉,您所使用的浏览器无法完成此操作。\n\n您需要手动将【"+url+"】设置为首页。");
}
}
}
//收藏本站
function AddFavorite(title, url) {
try {
window.external.addFavorite(url, title);
}
catch (e) {
try {
window.sidebar.addPanel(title, url, "");
}
catch (e) {
alert("抱歉,您所使用的浏览器无法完成此操作。\n\n加入收藏失败,请使用Ctrl+D进行添加");
}
}
}
//保存到桌面
function toDesktop(sUrl,sName){
try {
var WshShell = new ActiveXObject("WScript.Shell");
var oUrlLink =          WshShell.CreateShortcut(WshShell.SpecialFolders("Desktop")     + "\\" + sName + ".url");
oUrlLink.TargetPath = sUrl;
oUrlLink.Save();
}
catch(e)  {
alert("当前IE安全级别不允许操作!");
}
}
</script>

第二步:在需要显示设为首页、加入收藏及保存到桌面链接的位置,粘贴以下的代码:

<a href="javascript:void(0);" onclick="SetHome(this,'https://www.xuewangzhan.com');">设为首页</a>
<a href="javascript:void(0);" onclick="AddFavorite('我的网站',location.href)">收藏本站</a>
<a href="javascript:void(0);" onclick=" toDesktop(location.href,'我的网站')">保存到桌面</a>

这样就可以在自己的网站上制作出完美兼容IE,谷歌,火狐浏览器的设为首页、加入收藏及保存到桌面功能了。

发表评论

相关教程

  1. 如何在网站中嵌入视频播放器
  2. 电脑如何模拟手机打开手机版网站
  3. 如何将自己网站内容同步更新到微博
  4. 土豆视频如何在手机网站嵌入播放 土豆视频HTML5地址转换
  5. CSS font-family中文字体设置方法
  6. 如何自己网站的文章同步到新浪微博
  7. wordpress官网打不开,无法下载WP程序怎么办
  8. 如何注册微信小程序
  9. 网站制作流程:建一个企业网站的步骤有哪些
  10. 网站动态favicon.ico图标如何制作
零基础学建站就到学做网站论坛