[JS] statistician_javascript 스킬 클릭

ff　기본적으로 상태 변경은 허용되지 않습니다.
opera9 테스트 통과
ie6 테스트 통과

이것은 통계 부서에서 사용자 습관을 분석하여 웹 사이트 레이아웃을 개선하는 데 사용됩니다.
그저 재미삼아 쓴 글이라 적합하지 않은 곳이 많습니다.

save() 메소드는 기록을 저장하는 것입니다. 신중하게 수행하지 않으면 판단 브라우저를 추가한 다음 img 또는 iframe을 사용하여 요청이 전송되는지 확인해야 합니다.
onclick() 메소드는 이벤트가 발생했을 때 실행되도록

을 사용하는 방법입니다:

추가
script src="clickout.js">를 모든 페이지에 추가하세요.
앞에 두는 것이 가장 좋습니다. 목적은 onclick 이벤트 적용을 방지하는 것입니다.

<p> </p> <title>레이아웃 16</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> html,body{margin:0;padding:0} 본문{글꼴: 76% arial,sans-serif} p{마진:0 10px 10px} a{디스플레이:블록;색상: #981793;패딩:10px} div#header h1{높이:80px;줄 높이:80px;여백:0; 패딩 왼쪽:10px;ë°°ê²½: #EEE;색상: #79B30B} div#content p{line-height:1.4} div#navigation{ë°°ê²½:#B9CAFF} div#추가{ë°°ê²½:#FF8539} div#footer{ë°°ê²½: #333;색상: #FFF} div#footer p{margin:0;padding:5px 10px}<style type="text/css"> html,body{margin:0;padding:0} body{font: 76% arial,sans-serif} p{margin:0 10px 10px} a{display:block;color: #981793;padding:10px} div#header h1{height:80px;line-height:80px;margin:0; padding-left:10px;background: #EEE;color: #79B30B} div#content p{line-height:1.4} div#navigation{background:#B9CAFF} div#extra{background:#FF8539} div#footer{background: #333;color: #FFF} div#footer p{margin:0;padding:5px 10px} <P>div#wrapper{float:left;width:100%} div#content{margin-right: 400px} div#navigation{float:left;width:200px;margin-left:-200px} div#extra{float:left;width:200px;margin-left:-400px} div#footer{clear:left;width:100%} </style> div#wrapper{float:왼쪽;너비:100%} div#content{margin-right: 400px} div#navigation{float:left;width:200px;margin-left:-200px} div#extra{float:left;width:200px;margin-left:-400px} div#footer{clear:left;width:100%} <div id="container"> <div id="header"> <h1></h1>헤더</div> <div id="wrapper"> <div id="content"> <p> <strong></strong>1) 내용은 여기에 있습니다.</p> 열 길이 긴 열 매우 긴 채우기 채우기 긴 텍스트 텍스트 열 텍스트 어리석은 매우 만들기 긴 매우 채우기 바보 만들기 만들기 긴 만들기 텍스트 채우기 매우 긴 텍스트 열 바보 바보 매우 열 긴 매우 열 필러 채우기 긴 필러 만들기 긴 바보 매우 긴 바보 바보 바보 긴 필러 만들기 열 필러 만들기 바보 긴 긴 채우기 매우.<p> </p> <p></p>very make make fill 어리석은 긴 긴 필러 열 긴 만들기 어리석은 어리석은 열 필러 채우기 매우 채우기 텍스트 채우기 필러 열 만들기 채우기 만들기 텍스트 매우 만들기 메이크업 매우 채우기 채우기 긴 만들기 매우 필러 열 매우 길기 매우 필러 바보 매우 필러 만들기 바보 만들기 컬럼 컬럼 만들기 <p> </p>긴 채우기 만들기 긴 텍스트 만들기 긴 채우기 열 만들기 만들기 텍스트 만들기 매우 어리석은 열 채우기 바보 같은 텍스트 채우기 텍스트 채우기 채우기 채우기 만들기 만들기 만들기 텍스트 채우기 채우기 열 채우기 만들기 만들기 바보 만들기 텍스트 채우기 텍스트 채우기 만들기 매우 채우기 열 만들기 <p> </p>열 텍스트 긴 열 만들기 바보 같은 긴 텍스트 필러 바보 매우 매우 긴 필러 채우기 매우 채우기 바보 만들기 텍스트 필러 텍스트 만들기 바보 같은 텍스트 텍스트 긴 채우기 채우기 텍스트 채우기 긴 텍스트 만들기 매우 바보 같은 긴 긴 필러 채우기 바보 채우기 바보 긴 Make 컬럼 Make Sily Long 컬럼 Long Make Very </div> </div> <div id="navigation"> <p> <strong></strong>2) 여기 탐색.</p> 긴 긴 채우기 필러 매우 채우기 열 열 바보 필러 매우 채우기 채우기 채우기 텍스트 채우기 매우 바보 채우기 텍스트 필러 바보 필러 채우기 매우 만들기 채우기 열 텍스트 열 매우 매우 열 채우기 채우기 매우 바보 같은 열 바보 바보 채우기 채우기 긴 필러 </div> <div id="extra"> <p> <strong></strong>3) 더 많은 내용은 여기에 있습니다.</p> 매우 텍스트 만들기 긴 열 만들기 채우기 채우기 만들기 열 열 만들기 어리석은 채우기 텍스트 바보 열 채우기 바보 채우기 열 텍스트 필러 만들기 텍스트 바보 채우기 채우기 만들기 매우 바보 만들기 텍스트 매우 매우 텍스트 만들기 Make Long Filler Very Make 컬럼 Make Stuy 컬럼 Fill Stully 컬럼 Long Make Stuy Filler 컬럼 Filler Silly Long Long 컬럼 채우기 Stully 컬럼 매우 <p> </p> </div> <div id="footer"> <p></p>바닥글입니다</div> </div>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <script> /* * 说明：点出统计器 * 作者：邓威 * 日期：2006-07-25 * 版本：v1.0 */ <P>function ClickOut() { this.oCO = null; this.src_onclick = null; this.isDEBUG = true || "status"; <P> this.debug = function(arg) { if( this.isDEBUG == "status" ) window.status = arg.toString(); else if ( this.isDEBUG ) alert(arg.toString()); } <P> this.save = function() { var sUrl = "clickout.php?"; sUrl += "tag=" + encodeURIComponent(this.click_tag); sUrl += "&type=" + encodeURIComponent(this.click_type); sUrl += "&src=" + encodeURIComponent(this.click_src); sUrl += "&text=" + encodeURIComponent(this.click_text); this.oCO = document.createElement('<div id="ClickOut" style="width:0px;height:0px;">'); document.body.appendChild(this.oCO); document.getElementById("ClickOut").innerHTML = '<img src="' + sUrl + '" style="max-width:90%" style="max-width:90%" height="0px" \/ alt="[JS] statistician_javascript 스킬 클릭" >'; return true; } <P> this.onclick = function(args) { if( this.src_onclick != null ) this.src_onclick(e); var obj = event.srcElement; var tag = obj.tagName.toLowerCase(); this.click_id = obj.id?obj.id:null; this.click_class = obj.className?obj.className:null; this.click_name = obj.name?obj.name:null; this.click_tag = tag; this.click_parent = obj; this.click_obj = obj; this.click_path = tag; <P> if( tag == "a" ) { this.click_type = "text"; this.click_src = obj.href; this.click_text = obj.innerHTML; } else if ( tag == "img" ) { this.click_type = "pic"; this.click_src = obj.src; this.click_text = obj.alt; } else if ( tag == "font" || tag == "b" || tag == "strong" ) { this.click_type = "text"; this.click_src = ""; this.click_text = obj.innerHTML; } else { this.click_type = "layer"; this.click_src = "" ; this.click_text = obj.innerHTML; } this.GetParent(); <P> this.debug(this.click_path); doSave(); } <P> this.GetParent = function() { if( !this.click_parent.parentNode.tagName ) return; this.click_parent = this.click_parent.parentNode; this.click_path = this.click_parent.tagName.toLowerCase() + "[ " + (this.click_parent.id?("ID:" + this.click_parent.id):"") + (this.click_parent.className?(" ,CLASS:" + this.click_parent.className):"") + (this.click_parent.name?(" ,NAME:" + this.click_parent.name):"") + " ]" + ">" + this.click_path; this.GetParent(); } } <P>// 实例 var objCO = new ClickOut(); // 保存原有的 onclick 事件 objCO.src_onclick = document.onclick; <P>function click_tmp() { objCO.onclick(); } function doSave() { objCO.save(); } <P>// bind event document.onclick = click_tmp; <P> <P> </script>]