>웹 프론트엔드 >JS 튜토리얼 >즐겨찾기 코드에 추가(거의 모든 브라우저와 호환)_일반적인 특수 효과

즐겨찾기 코드에 추가(거의 모든 브라우저와 호환)_일반적인 특수 효과

WBOY
WBOY원래의
2016-05-16 19:21:571331검색

IE5/Win, Firefox, Netscape 6, Opera 7, Safari, Konqueror 3, IE5/Mac 및 iCab 3과 호환됩니다.

코드 복사 코드는 다음과 같습니다.

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict .dtd">

  
    <제목> 모든 브라우저에 북마크 추가 - http://www.never-online.net 
    
    
    
    
    
    
      본문 {
        색상: windowtext; 
        배경: appworkspace;
        글꼴군: Arial;
        글꼴 크기:9pt;
        줄 높이:150%;
      }
      h1, h2, h3, h4 {
        color:#fff;
        글꼴 모음: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      }
      a {
        color:#fff;
      }
      div#header {
        text-align:center;
        color:#eee;
      }
      div#header a {
        color:#fff;
        글꼴 두께:굵게;
      }
      div#footer {
        margin-top:10px;
        text-align:center;
        color:#eee;
        글꼴 크기:8pt;
      }
      div#operator {
        여백:20px 0 20px 0;
      }
      div#operator ul, div#operator li {
        여백:0;
        패딩:0;
      }
      div#operator li {
        display:inline;
        목록 스타일 유형:없음;
        오른쪽 여백:5px;
        왼쪽 여백:5px;
        테두리:1px 단색 #000;
        패딩:5px;
        색상:#000;
        배경색:#eee;
        커서:손;
        커서:포인터;
      }
      시간 {
        여백:10px 0 10px 0;
      }
      div.wrapper {
        text-align:center;
      }
      div.content {
        테두리:1px solid #333;
        배경색:버튼얼굴;
        색상:#000;
        패딩:10px;
        여백:10px 0 10px 0;
        글꼴 크기:10pt;
        줄 높이:150%;
        text-align:left;
        너비:80%;
        왼쪽 여백: auto;
        여백 오른쪽: auto;
        -moz-box-sizing:border-box;
      }
      div.content a {
        color:#000;
      }
      div.content h4 {
        color:#000;
        왼쪽 여백:10px;
        text-align:left;
      }
    
    
    //      /* 
      *  Copyright 2006 Dynamic Site Solutions.
      * 이 스크립트는 비상업적 애플리케이션에 대해 무료로 사용할 수 있습니다.
      * 이 댓글 차단을 유지하고 변경하지
      *  해야 한다는 요구 사항이 적용됩니다.  스크립트의 데이터 및 실행 가능한 부분은 필요에 따라
      *  변경될 수 있습니다.  동적 사이트 솔루션은 스크립트의 적합성
      * 사용 또는 올바른 기능에 대해 어떠한 보증도 하지 않습니다.  이 스크립트
의 사용 조건은 협의될 수 있습니다. 이에 대한 또는 기타
      *  질문이 있는 경우에는 "license-info@dynamicsitesolutions.com"으로 문의하세요. <🎜 🎜>*
*스크립트 작성자 : 동적 사이트 솔루션-http://www.dynamicsitesolutions.com/ <🎜 🎜>*마지막 업데이트 : 2006-08-03
/
<🎜 🎜>/ /IE5 /Win, Firefox, Netscape 6, Opera 7, Safari, Konqueror 3, IE5/Mac, iCab 3

      var addBookmarkObj = {
        init:function() {
          if(! 문서 .getElementById ||  !document.createTextNode) 반환;
          var cont=document.getElementById('addBookmarkContainer');
          if(!cont) return;
          var a=document.createElement('a');
          a.href=location.href;
         if(!window.opera) { // 링크에
           // onclick 핸들러가 있는 경우 Opera 7에서는 작동하지 않으므로 브라우저가 Opera가 아닌 경우에만 추가합니다.
            a.onclick=function() {
              addBookmarkObj.exec(this.href,this.title);
              false를 반환합니다.
            }
          }
          a.rel='sidebar'; // 이를 통해 Firefox 및 Opera 7
에서 작동하게 됩니다.
          a.title=document.title;
          a=cont.appendChild(a);
          a.appendChild(document.createTextNode('이 페이지를 북마크에 추가'));
        },
        exec:function(url, title) {
          var isKonq=(isLikelyKonqueror3 && isLikelyKonqueror3());
          var isMac=(navigator.userAgent.toLowerCase().indexOf('mac')!=-1);
          var buttonStr = isMac?'Command/Cmd':'CTRL';

          if(window.external && (!document.createTextNode ||
          (typeof(window.external.AddFavorite)=='unknown'))) {
             // IE4/Win은 
             //"typeof(window.external.AddFavorite)"
를 실행할 때 오류가 발생합니다. 파일 시스템, 그렇지 않으면 당신 권한 거부 오류가 발생합니다.
              window.external.AddFavorite(url, title); // IE/Win
          } else if(isKonq) {
            alert('저희 사이트를 북마크하려면 CTRL   B를 눌러야 합니다.'); } else if ((wind !isNaN(opera.buildNumber()))) {
               void(0); // 여기서는 아무것도 하지 마세요(Firefox 또는 Opera 7 )
          } else if(window.opera) { // 이전 Opera
           alert(''buttonStr'을 눌러야 합니다.');
          } else if(window.home) { // Netscape, iCab
            alert('사이트를 북마크하려면 'buttonStr '   D를 눌러야 합니다.');
          } else if(!window.print || isMac) { // IE5/Mac 및 Safari 1.0
            alert('사이트를 북마크하려면 Command/Cmd   D를 눌러야 합니다.');    
          } else {
            alert('이 사이트를 북마크하려면 수동으로 해야 합니다.'
             '브라우저를 통해');
          }
        }
      }

      function isLikelyKonqueror3() {
        if(!document.getElementById) return false;
        if(document.defaultCharset || window.opera || !window.print) return false;
        if(window.home) 반환 false; /* Konqueror는 이를 지원하지 않지만 Firefox는
         Quirks 모드에서 document.all을 자동으로 지원합니다.*/
        if(document.all)가 true를 반환합니다. // 3.4 이전의 Konqueror 버전
        var 아마도 = 1;
        //자동 document.all 지원 테스트; try-catch는
        // 다른 브라우저에서 오류를 생성하는 것을 방지하는 데 사용됩니다.
        // try-catch는 IE4에서 오류를 유발하므로 eval()을 사용하여 이를 숨깁니다.
        // 시도해 보세요 {
        //   var str=document.all[0].tagName;
        // } catch(err) { 아마도=0; }
        eval("try{var str=document.all[0].tagName;}catch(err){likely=0;}");
        반품 가능성;
      }

      기능 dss_addEvent(el,etype,fn) {
        if(el.addEventListener && (!window.opera || opera.version) &&
        (etype!='load ')) {
          el.addEventListener(etype,fn,false);
        } else if(el.attachEvent) {
          el.attachEvent('on' etype,fn);
        } else {
          if(typeof(fn) != "function") return;
          var tempFunc = el['on' etype];
          el['on' etype] = function() {
            if(typeof(tempFunc) == "function") tempFunc();
            fn();
          }
        }
      }

      dss_addEvent(window,'load',addBookmarkObj.init);
    //]]>
    
  
  
    

 크로스 브라우저 addBookmark 

by www.dynamicsitesolutions.com

    
      
      

 데모 


      

      
    
    

    http://www.never-online.net에서 수집함
 
  


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JS는 파노라마 효과_이미지 특수 효과의 360도 회전을 구현합니다.다음 기사:JS는 파노라마 효과_이미지 특수 효과의 360도 회전을 구현합니다.

관련 기사

더보기