단추 코드 도구 hta 버 전

아래 코드 를 복사 하려 면 editplus 등 전문 적 인 편집 도 구 를 사용 하 는 것 이 좋 습 니 다


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>       </title> 
<style> 
* { font-size:12px; } 
html { padding:0px; margin:0px; border-style:none; border-width:0px; overflow:auto; background-color:buttonface; } 
body { padding:0px; margin:0px; border-style:none; border-width:0px; background-color:buttonface; } 
li { line-height:24px; height:24px; margin:10px 0px -10px 15px; } 
a { color:blue; } 
input { border-width:1px; } 
#output { width:90%; height:150px; overflow:auto; } 
</style> 
<script> 
var win; 
function $(s){ return document.getElementById(s); } 
window.onload = function(){ 
    var myHeight = 320; 
    window.moveTo(0,0); 
    window.resizeTo(screen.availWidth, myHeight); 
    //        
    win = new ActiveXObject("InternetExplorer.Application"); 
    win.left = 0; win.top = myHeight; 
    win.width = screen.availWidth; win.height = screen.availHeight - myHeight; 
    win.navigate2("about:blank"); 
    win.visible = true; 
    setInterval(function(){ try{ win.document; }catch(e){ window.close(); } }, 1); //            
    //           
    window.onunload = function(){ win.quit(); } 
    //     
    setInterval(doCapture, 1); 
} 
function doCapture(){ 
    try{ 
        win.document.onclick = capIt; 
    }catch(e){} 
} 
function capIt(){ 
    var d = win.document, w = d.parentWindow, e = w.event, el = e.srcElement; 
    $("currentObj").bound = el; 
    $("currentObj").innerHTML = el.tagName; 
    showCapture(el); 
    e.cancelBubble = true; 
    e.returnValue = false; 
    return false; 
} 
function showCapture(el){ 
    if(!el)return; 
    var oldBorderStyle = el.style.borderStyle, oldBorderWidth = el.style.borderWidth, oldBorderColor = el.style.borderColor; 
    el.style.border = "2px solid red"; 
    setTimeout(function(){ try{ el.style.borderStyle = oldBorderStyle; el.style.borderWidth = oldBorderWidth; el.style.borderColor = oldBorderColor; }catch(e){} }, 300); 
} 
function parentCapture(){ 
    var el = $("currentObj").bound; 
    if(!el || !el.parentNode || el.parentNode.nodeType != 1 )return; 
    el = el.parentNode; 
    $("currentObj").bound = el; 
    $("currentObj").innerHTML = el.tagName; 
    showCapture(el); 
} 
function showCaptureCurrentStyle(){ 
    var el = $("currentObj").bound; 
    if(!el)return; 
    var re = [], s = el.currentStyle; 
    for(var i in s)if(s[i] != "")re.push(i+":"+s[i]+";"); 
    $("output").value += "\r
<!--Current Style:\r
" + re.join(" ") + "\r
-->\r
"; 
} 
function showCaptureAllEvent(){ 
    var el = $("currentObj").bound, re = []; 
    if(!el)return; 
    for(var i in el)if(String(i).indexOf("on") == 0 && el[i])re.push(String(el[i])); 
    $("output").value += "\r
<!--All Bound Event:\r
" + re.join("\r
") + "\r
-->\r
"; 
} 
function doExportHTML(){ 
    if(!$("currentObj").bound)return; 
    $("output").value += "\r
" + $("currentObj").bound.outerHTML + "\r
"; 
} 
function doExportInnerCSS(){ 
    var o = win.document.getElementsByTagName("style"); 
    for(var i=0; i<o.length; i++)$("output").value += "\r
<style>\r
" + o[i].innerHTML + "\r
<\/style>\r
"; 
} 
function doExportFunction(){ 
    var o = win.document.parentWindow, str = $("funcName").value.split("."), i = -1; 
    while(++i< str.length && (o = o[str[i]])); 
    if(!o)return; 
    $("output").value += "\r
<script>\r
" + o + "\r
<\/script>\r
"; 
} 
function doTest(){ 
    var nw = window.open("", "_blank"); 
    nw.document.open(); 
    nw.document.write($("output").value); 
    nw.document.close(); 
} 
</script> 
</head> 
<body> 
<ul> 
    <li> 
                ： 
        <a href="###" onclick="showCapture(this.bound); return false;" id="currentObj"> </a> &nbsp;&nbsp;&nbsp;&lt;&lt;&nbsp;&nbsp;&nbsp; 
        <a href="###" onclick="parentCapture(); return false;">      </a> 
        &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="###" onclick="doExportHTML(); return false;">  HTML</a> 
        &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="###" onclick="showCaptureCurrentStyle(); return false;">       </a> 
        &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="###" onclick="showCaptureAllEvent(); return false;">          </a> 

    </li> 
    <li> 
               ： 
        <a href="###" onclick="doExportInnerCSS(); return false;">  </a> 
    </li> 
    <li> 
          JS  ： 
        <input type="text" value="" onfocus="this.value='';" size="30" id="funcName"> 
        &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="###" onclick="doExportFunction(); return false;">  </a> 
    </li> 
    <li> 
             ： 
        &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="###" onclick="doTest(); return false;">  </a> 
        &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="###" onclick="$('output').value=''; return false;">  </a> 
        <br/> 
        <textarea id="output"></textarea> 
    </li> 
</ul> 
</body> 
</html>

사용 방법 은 다음 과 같다.프로그램 창 에서 이 대상 이 포착 되 었 음 을 볼 수 있 습 니 다.부모 대상 이 필요 하 다 면 프로그램 창 에 있 는'부모 대상 가 져 오기'링크 를 누 르 십시오.5.프로그램 창 에 있 는"HTML 내 보 내기"링크 를 누 르 면 현재 대상 의 HTML 내용 을 얻 을 수 있 습 니 다(이 내용 이 스 크 립 트 로 동적 으로 생 성 되 더 라 도 캡 처 할 수 있 습 니 다)."JS 함수 내 보 내기"후 텍스트 상자 에 보고 싶 은 JS 함수 이름("gbar.qs"형식 지원)을 입력 하면 JS 함수 내용 을 얻 을 수 있 습 니 다.외부 JS 파일 을 찾 느 라 고생 하지 마 세 요.다른 기능 은 스스로 생각해 보 세 요.궁금 한 점 있 으 면 메 시 지 를 남 겨 주세요.파일 패키지 다운로드

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

vue 단일 페이지에 여러 개의 echarts 도표가 있을 때의 공용 코드 쓰기

html에서: 데이터 처리는 말할 필요가 없다.응, 직접 그림을 그려: 공통 섹션: 이 페이지를 떠날 때 파괴: 추가 정보: Vue + Echarts 차트 표시 및 동적 렌더링 준비 작업 echarts 의존 설치 n...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

단추 코드 도구 hta 버 전

좋은 웹페이지 즐겨찾기