집 > 기사 > 웹 프론트엔드 > JavaScript 코드를 기반으로 다양한 브라우저_javascript 기술과 호환되는 홈페이지로 설정 및 즐겨찾기 추가를 구현합니다.

JavaScript 코드를 기반으로 다양한 브라우저_javascript 기술과 호환되는 홈페이지로 설정 및 즐겨찾기 추가를 구현합니다.

WBOY원래의: 2016-05-16 15:21:131894검색

요즘 브라우저가 많아지면서 웹 디자인의 호환성 요구 사항이 점점 높아지고 있습니다. 홈페이지로 설정하고 즐겨찾는 코드를 추가하는 등 일반적으로 사용되는 브라우저는 간단하지만 거의 모든 웹사이트에서 호환성이 매우 낮습니다. 즐겨찾기에 추가하고 홈페이지로 설정하기 위한 코드입니다. 효과가 있든 없든 상관없습니다. 수요가 있어야 합니다.

그러나 브라우저 호환성 문제로 인해 이전에 사용했던 많은 코드가 그 효과를 잃었습니다. 여기서는 다양한 브라우저에서 호환된다고 볼 수는 없습니다. 지원되지 않는 브라우저에서는 프롬프트를 표시할 수 있으며 코드는 다음과 같습니다.

<!doctype html>
<html>
<head>
<title>加入收藏和设为首页</title>
<script type="text/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>
</head>
<body>
<a href="javascript:void(0)">设为首页</a>
<a href="javascript:void(0)">加入收藏</a>
</body>
</html>

위 코드는 짧고 이해하기 쉽습니다. 다양한 브라우저와 호환되며, 즐겨찾기에 추가하고 홈페이지로 설정할 수 있습니다. 궁금하신 점은 언제든지 에디터에게 문의해주세요. 감사합니다!

즐겨찾기에 추가 기능을 구현하는 jquery 코드를 공유하겠습니다

//设为首页
function SetHomePage() {
  if (document.all) {
    document.body.style.behavior = 'url(#default#homepage)';
    document.body.setHomePage('http://www.87cool.com');
  }
  else if (window.sidebar) {
    if (window.netscape) {
      try {
        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
      }
      catch (e) {
        alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true");
      }
    }
    var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
    prefs.setCharPref('browser.startup.homepage', 'http://www.87cool.com');
  }
}
//加入收藏夹
function AddFavorite() {
  var title = document.title;
  var url = location.href;
  if (window.sidebar) {
    window.sidebar.addPanel(title, url, "");
  } else if (document.all) {
    window.external.AddFavorite(url, title);
  } else {
    return true;
  }
}

성명：

이전 기사：JS_javascript 스킬의 Array 객체 확장과 String 객체 확장에 대한 자세한 설명다음 기사：JS_javascript 스킬의 Array 객체 확장과 String 객체 확장에 대한 자세한 설명

JavaScript 코드를 기반으로 다양한 브라우저_javascript 기술과 호환되는 홈페이지로 설정 및 즐겨찾기 추가를 구현합니다.

관련 기사