집 >웹 프론트엔드 >JS 튜토리얼 >자바스크립트 팁 전체 모음_JavaScript

자바스크립트 팁 전체 모음_JavaScript

PHP中文网
PHP中文网원래의
2016-05-16 19:29:151238검색

이벤트 소스 객체
event.srcElement.tagName
event.srcElement.type
캡처 해제
event.srcElement.setCapture()
event.srcElement.releaseCapture(); 🎜>이벤트 키
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
이벤트 반환 값
event.returnValue
마우스 위치
이벤트. x
event.y
양식 활성 요소
document.activeElement
이벤트 바인딩
document.captureEvents(Event.KEYDOWN)
양식 요소 액세스
document. txt").focus();
document.all("txt").select();
양식 명령
document.execCommand
양식 COOKIE
document.cookie
메뉴 이벤트
document.oncontextmenu
요소 만들기
document.createElement("SPAN");
마우스 기반 요소 가져오기:
document.elementFromPoint(event.x,event.y).tagName =="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
양식 그림
document.images[index]
양식 이벤트 바인딩
문서를 정의합니다. onmousedown=scrollwindow;
요소
document.Form.elements[index]
객체 바인딩 이벤트
document.all.xxx.detachEvent('onclick',a)
플러그 수- ins
navigator.plugins
변수 유형 가져오기
typeof($js_libpath) == "undefine"
드롭다운 상자
Drop-down box.options[index]
Drop- down Box.options.length
객체 찾기
document.getElementsByName("r1");
document.getElementById(id)
타이머=setInterval('scrollwindow()', 지연 );
clearInterval(timer);
UNCODE 인코딩
escape(),unescape
상위 객체
obj.parentElement(dhtml)
obj.parentNode(dom)
테이블 행 교환
TableID.moveRow(2,1)
CSS 바꾸기
document.all.csss.href = "a.css";
나란히 표시
display:inline
포커스 숨기기
hidefocus=true
너비에 따라 줄바꿈
style="word-break:break-all"
자동 새로고침

간단한 이메일

빠른 위치로 이동
obj.scrollIntoView(true)
앵커

앵커
매개변수를 전달하는 웹 페이지
location.search();
편집 가능
obj.contenteditable=true
메뉴 명령 실행
obj.execCommand
2바이트 문자
/[ ^x00-xff]/
한자
/[u4e00-u9fa5]/
영어 문자열이 표 너비를 초과하면 자동으로 줄 바꿈
word-wrap: break -word; word-break: break-all ;
투명한 배경
스타일 콘텐츠 가져오기
obj.style.cssText
HTML 태그
document.documentElement.innerHTML
첫 번째 스타일 태그
document.styleSheets[0]
스타일 태그
문서의 첫 번째 스타일입니다. styleSheets[0].rules[0 ]
빈 링크를 클릭할 때 페이지가 페이지 상단으로 재설정되는 것을 방지합니다.
word
이전 웹페이지 소스
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
메모리 해제
CollectGarbage();
오른쪽 클릭 비활성화
document.oncontextmenu = function() { return false;}
저장 비활성화

선택 비활성화
주소 표시줄 아이콘

favicon.ico 이름은 동일한 16*16 색상이 바람직하며 가상 디렉터리의 루트 디렉터리에 배치됩니다.
즐겨찾기 표시줄 아이콘

소스 코드 보기

입력 방법 끄기

자동으로 모두 선택
< input type=text name=text1 value="123" onfocus="this.select()">
ENTER 키를 누르면 커서를 다음 입력 상자로 이동할 수 있습니다.

텍스트 상자의 기본값

제목 개행
obj.title = "123 sdfs "
시간으로 표시되는 마이크로초를 가져옵니다.
var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()
창 닫기
win.closed
체크박스 플랫

선택하기 content
document.selection.createRange().duplicate().text
자동 완성 기능
이 기능 켜기
창 최대화

닫기 버튼 IE 없음
window.open("aa.htm", "meizz", "fullscreen=7");
균일한 인코딩/디코딩
alert(decodeURIComponent(encodeURIComponent) ( "http://hello.com?as= hehe")))
encodeURIComponent는 ":", "/", ";" 및 "?"도 인코딩합니다.
< onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">


//다양한 크기

s = "rn웹페이지의 표시 영역 너비:" document.body.clientWidth;
s = "rn웹 페이지의 표시 영역 높이 ​​웹 페이지: " document.body.offsetWeight
"(가장자리 너비 포함)"; s = "rn웹 페이지 표시 영역 높이: " document .body.offsetHeight
" (가장자리 너비 포함)"; s = "rn 웹 페이지의 전체 텍스트 너비: " document.body .scrollWidth; 🎜>s =
"rn웹 페이지의 전체 텍스트 높이:" document.body.scrollHeight; s =
"rn스크롤되는 웹 페이지의 높이:" document .body.scrollTop; s =
"rn스크롤되는 웹페이지의 왼쪽:" document.body.scrollLeft; s =
"rn웹페이지의 본문 :" window.screenTop; s =
"rn웹페이지 텍스트의 왼쪽:" window.screenLeft; s =
"rn높은 화면 해상도 :" window.screen.height; s =
"rn화면 해상도 너비:" window.screen.width; s =
"rn화면 사용 가능한 작업 영역 높이:" window.screen.availHeight; s =
"rn화면 사용 가능한 작업 공간 너비:" window.screen.availWidth


//숫자 필터링

"return event.keyCode>= 48&&event .keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text ' ).match(/D/)" ondragenter=

"return false"

>

// 특수목적


<입력 유형=버튼 값=즐겨찾기 가져오기 onclick="window.external.ImportExportFavorites(true,'http://localhost');"> ><입력 유형=버튼 값=즐겨찾기 내보내기 onclick="window.external.ImportExportFavorites(false,'http:
//localhost');"> ;input type=button value=즐겨찾기 정리 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)"> "window.external.ShowBrowserUI('LanguageDialog', null)"> "window.external.AddFavorite(' http://www.google.com/', 'google')">
"window.addChannel( 'http://www.google.com/')">
"window .external.showBrowserUI ('PrivacySettings',null)">


//캐싱 없음

"pragma" CONTENT=

"캐시 없음"

> "캐시 -제어" CONTENT="캐시 없음, 재검증 필수"
> "만료" CONTENT=" 0"
>


//정기 매칭

한자 일치 정규식: [u4e00-u9fa5]
2바이트 문자 일치(한자 포함): [^x00-xff]
빈 줄 일치 정규식: n[ s|
HTML 태그와 일치하는 정규식: /<(.*)>.*|<(.*) />/
선행 및 후행 공백 일치 정규식: (^s *)|(s*$) (vbscript와 같은 다듬기 기능)
이메일 주소와 일치하는 정규식: w ([- .]w )*@w ([-.] w )*.w ([-.]w )*
정규 표현식 일치 URL: http://([w-] .) [w-] (/[w- ./? %&=]*)
다음은 예입니다.
정규식을 사용하여 웹 양식에서 텍스트 상자의 입력 내용을 제한합니다.
정규식을 사용하여 중국어 입력만 제한합니다. onkeyup="value=value.replace(/ [^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace (/[^u4E00-u9FA5]/g ,''))"
1. 정규식을 사용하여 전자 문자만 입력하도록 제한합니다. onkeyup="value=value.replace(/[^ uFF00-uFFFF]/g, '')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,' '))"
2. 정규 표현식을 사용하여 입력을 숫자로 제한합니다: onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste ="clipboardData.setData ('text',clipboardData.getData('text').replace(/[^d]/g,''))"
3. 정규식을 사용하여 제한 숫자와 영어만 입력할 수 있습니다. onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData ('text').replace (/[^d]/g,''))"


//이미지 도구 모음 제거

"mypicture.jpg" HEIGHT=" 100px" WIDTH="100px" GALLERYIMG="false">
또는

"imagetoolbar" content="no">


//없이 닫기 프롬프트

함수 Close()
{
 var ua=navigator.userAgent
 var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
 if(ie)
 {
      var IEversion=parseFloat (ua.substring(ua.indexOf("MSIE ") 5,ua.indexOf(";",ua.indexOf("MSIE ")) ))
  if(IEversion< 5.5)
  {
   var str  = '"clsid:ADB880A6- D8FF-11CF-9377-00AA003B7A11">'
       str  = '"명령" value="닫기">';
       document.body.insertAdjacentHTML("beforeEnd", str);
       document.all.noTipClose.Click();
  }
      else
  {
       window.opener =null;
       window.close();
      }
   }
 else
 {
  window.close()
   }
}


//取得控件得绝对位置(1)

<스크립트 언어 ="자바스크립트"> 
함수 getoffset(e)
{ 
 var t=e.offsetTop; 
 var l=e.offsetLeft; 
 동안(e=e.offsetParent)
 { 
  t =e.offsetTop; 
  l =e.offsetLeft; 
 } 
 var rec = new 어레이(1);
 rec[0]  = t;
 rec[1] = l;
 반환 rec
} 

//获得控件的绝对位置(2) 

oRect = obj.getBoundingClientRect() ;
oRect.left
oRect.


//最小化,最大화,关闭

"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
"명령" value="최소화"> 
<객체 ID=최대 클래스 ID="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
"명령" value="최대화"> 
"clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
"명령" value="닫기"> 
<입력 유형=버튼 값=최소화 onclick=min.Click()> 
<입력 유형=버튼 값=대화 onclick=max.Click()> 
 


//光标停在文字最后 

<스크립트 언어="javascript">
함수 cc()
{
 var e = event.srcElement;
 var r =e.createTextRange();
 r.moveStart('character',e.value.length);
 r.collapse(true);
 r.select();
}

"123" onfocus="cc()">


//页면进入和退출품특이

进入页면"Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页면"Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页면被载入및调时的一些特效。지속시간이 매우 짧습니다.取值为1-23:
0 矩형 크기 
　　1 형 모양 크기 
　　2 형 모양 크기
　　3 형 모양 크기 
　　4 下到上刷新 
　　5 上到下刷新
　　6 左到右刷新 
7 右到左刷new 
　　8 竖百叶窗
　　9 横百叶窗 
　　10 错位横百叶窗 
　　11 错位竖百叶窗
　　12 点扩散 
　　13 左右到中间刷new 
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 
　　17 右下到左上
　　18 右上到左下 
　　19 左上到右下 
　　20 左下到右上
21 横条 
　　22 竖条 
　　23 


//网页是否被检索

"ROBOTS" content="속성값">
속성값은 다음과 같습니다.
속성값은 "all": 파일이 검색되고 페이지의 링크를 쿼리할 수 있습니다.
속성 값은 "none": 파일이 검색되지 않습니다. 페이지의 링크는 쿼리되지 않습니다.
속성 값은 "index"입니다. 파일이 검색됩니다.
속성 값은 "follow"입니다. : 쿼리 페이지의 링크
속성 값은 "noindex"입니다. 파일은 검색되지 않지만 링크에 대해 쿼리할 수 있습니다.
속성 값은 "nofollow입니다. ":


//페이지 나누기 인쇄

"page-break-after:always" >page1


"page-break-after: 항상">page2

//인쇄 설정

"factory" style="display:none" viewastext
  classid="clsid:1663ed61-23eb-11d2-b92f- 008048fdd814"
  codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
>
"factory.printing.PageSetup()">
<입력 유형=버튼 값=打印预览 onclick="factory.printing.Preview()">

<스크립트 언어=javascript>
함수 window.onload()
{
   // -- 고급 기능
   factory.printing.SetMarginMeasure(2) // 여백을 인치 단위로 측정
   factory.printing.SetPageRange(false, 1, 3) // 1~3페이지 필요
   factory.printing.printer = "HP DeskJet 870C"
   factory.printing.copies = 2
   factory.printing.collate = true
   factory.printing.paperSize = "A4"
   factory.printing.paperSource = "수동 피드"
   // -- 기본 기능
   factory.printing.header = "居左显示&b居中显示&b居右显示页码，第&p页/共&P页"
   factory.printing.footer = "（自定义页脚）"
   factory.printing.portrait = false
   factory.printing.leftMargin = 0.75
   factory.printing.topMargin = 1.5
   factory.printing.rightMargin = 0.75
   factory.printing.bottomMargin = 1.5
}
function 인쇄(프레임) {
  factory.printing.Print(true, frame) // 프롬프트와 함께 인쇄
}
< /스크립트>
<입력 유형=버튼 값="打印本页" onclick="factory.printing.Print(false)">
<입력 유형=버튼 값="화면표시" onclick="factory.printing.PageSetup()">
<입력 유형=버튼 값="打印预览" onclick="factory.printing.Preview()">

"http://www.meadroid.com/scriptx/docs/printdoc.htm?static"  target=_blank>具体使用 手册 ，更多信息，点这里
 


//自带的打印预览

WebBrowser.ExecWB(1,1) 열기
Web.ExecWB(2,1) 현재 IE 창을 모두 닫고 새 창 열기
Web.ExecWB(4,1) 웹 페이지 저장
Web.ExecWB(6,1) 인쇄
Web.ExecWB(7,1) 인쇄 미리보기
Web.ExecWB(8,1) 인쇄 페이지 설정
Web.ExecWB(10,1 ) 페이지 속성 보기
Web.ExecWB(15,1) 취소된 것으로 보이며 확인이 필요합니다
Web.ExecWB(17,1) 모두 선택
Web.ExecWB(22,1) 새로 고침
Web .ExecWB(45,1)
>"WebBrowser"
너비=0 높이=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">

"Noprint"
>
type=버튼 값 =직접 인쇄 onclick=document.all.WebBrowser.ExecWB(6,6)>
<입력 유형=버튼 값=페이지 설정 onclick=document.all.WebBrowser.ExecWB(8,1) >

<입력 유형=버튼 값=인쇄 미리보기 onclick=document.all.WebBrowser.ExecWB(7,1)> ;






//인쇄 시 머리글과 바닥글 제거


<스크립트 언어="JavaScript">
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Path="\Software\Microsoft\Internet Explorer\PageSetup\";
//웹 인쇄의 머리글과 바닥글을 비워두도록 설정
function PageSetup_Null()
{ 시도 {
      
var
Wsh=
new ActiveXObject( "WScript.Shell") HKEY_Key ="헤더";
Wsh.RegWrite(HKEY_Root HKEY_Path HKEY_Key,"")
HKEY_Key ="바닥글" Wsh.RegWrite(HKEY_Root HKEY_Path HKEY_Key,
"") }
catch(e){ }
}
//Set 웹 페이지 인쇄용 머리글과 바닥글을 기본값으로 ​​

function PageSetup_Default() {
try {
var
Wsh=
new
ActiveXObject("WScript.Shell") HKEY_Key= "헤더"; Wsh.RegWrite(HKEY_Root HKEY_Path HKEY_Key,"&w&b페이지 번호,&p/&P"
) HKEY_Key="바닥글"
Wsh.RegWrite(HKEY_Root HKEY_Path HKEY_Key, "&u&b&d")
} catch
(e){} }
"버튼"
value="페이지 번호 지우기" onclick=PageSetup_Null()>
<입력 유형=
" 버튼"
value="페이지 번호 복원" onclick=PageSetup_Default()>
//브라우저 확인

 

함수 checkBrowser()
{ 
   this.ver=navigator.appVersion 
   this.dom=document .getElementById?1:0 
   this.ie6=(this.ver.indexOf("MSIE 6")>-1 && 이것.dom)?1:0; 
   이.ie5=(이.ver.indexOf("MSIE 5")>-1 && 이. 돔)?1:0; 
   이것.ie4=(document.all && !이것.dom)?1:0; 
   이.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
   이것.ns4=(document.layers && !이것.dom)?1:0; 
   이.mac=(이.ver.indexOf('Mac') > -1) ?1:0; 
   이.ope=(navigator.userAgent.indexOf('Opera')>-1); 
   이.ie=(이.ie6 || 이.ie5 || 이.ie4) 
   이.ns=(이.ns4 || 이.ns5) 
   이.bw=(이.ie6 ||  이.ie5 ||  이.ns5 || this.mac ||  this.ope)     this.nbw=(!this
.bw)     반품 이것
; }//计算内容宽和高