찾다
웹 프론트엔드JS 튜토리얼JavaScript 팁 적극 권장_Javascript 팁

이벤트 소스 객체
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)
앵커

앵커 a>
매개변수를 전달하는 웹 페이지
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 색상이 바람직하며 가상 디렉터리의 루트 디렉터리에 배치됩니다.
즐겨찾기 표시줄 아이콘

소스 코드 보기

입력 방법 끄기

자동으로 모두 선택

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는 ":", "/", ";" 및 "?"도 인코딩합니다.


다양한 크기

복사 code

코드는 다음과 같습니다.

s = "rn웹 페이지의 표시 영역 너비:" document.body.clientWidth

s = "rn의 표시 영역 높이 web page:" document.body .clientHeight;
s = "rn웹 페이지의 표시 영역 높이:" "document.body.offsetWeight" (가장자리 너비 포함)"; 가장자리)";
s = "rn웹 페이지 본문의 전체 텍스트 너비:" document.body.scrollWidth;
s = "rn웹 페이지 본문의 전체 텍스트 높이:" document.body.scrollHeight;
s = "rn웹페이지가 위로 스크롤되었습니다:" document.body.scrollTop;
s = "rn웹페이지가 왼쪽으로 스크롤되었습니다:" document.body.scrollLeft
s = "rn본문 webpage:" window.screenTop;
s = "rn웹페이지 텍스트의 왼쪽:" window.screenLeft;
s = "높은 화면 해상도:" window.screen.height;
s = "rn화면 해상도 비율 너비: " window.screen.width;
s = "rn화면 사용 가능한 작업 영역 높이:" window.screen.availHeight;
s = "화면 사용 가능한 작업 영역 너비:" window.screen .availWidth ;



필터 번호


코드 복사

코드는 다음과 같습니다.




// 특수 용도

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










캐싱 없음

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





정기 매칭

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


한자 일치 정규식: [u4e00-u9fa5]
2바이트 문자 일치(한자 포함): [^x00-xff]
빈 줄 일치 정규식: n[s|
HTML 태그와 일치하는 정규식: /.*1>|/
선행 및 후행 공백과 일치하는 정규식: (^ 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,''))"


이미지 도구 모음 지우기

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


JavaScript 팁 적극 권장_Javascript 팁





자동 종료

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


function 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  { 
   var str  = '
       str  = '
'; 
       document.body.insertAdjacentHTML("beforeEnd", str); 
       document.all.noTipClose.Click(); 
  } 
      else 
  { 
       window.opener =null; 
       window.close(); 
      } 
   } 
 else 
 { 
  window.close() 
   } 



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


[Ctrl A 全选 注:如需引入외부Js需刷新才能执行]


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

复代码 代码如下:


oRect = obj.getBoundingClientRect( ); 
oRect.왼쪽 
oRect. 


光标停在文字最后


[Ctrl A 全选 注:如需引入외부Js需刷新才能执行]



//페이지 진입 및 종료에 대한 특수 효과

페이지 진입
페이지 종료
로드 중인 페이지입니다. 입장 및 호출 시 일부 특수 효과. 지속 시간은 특수 효과의 지속 시간을 초 단위로 나타냅니다. 전환은 사용할 특수 효과를 나타냅니다.
값은 1-23입니다.
0 직사각형 축소 위에서 아래로 새로 고침
5 위에서 아래로 새로 고침
6 왼쪽에서 오른쪽으로 새로 고침
7 오른쪽에서 왼쪽으로 새로 고침
8개의 수직 블라인드
9개의 수평 블라인드
10개의 잘못 정렬된 수평 블라인드
11개의 잘못 정렬된 수직 블라인드
12포인트 스프레드
13개의 왼쪽 및 오른쪽에서 가운데 ​​새로 고침
14 중간에서 왼쪽 및 오른쪽 새로 고침
15 중간에서 위쪽 및 아래쪽
16 위쪽 및 아래쪽에서 중간
17 오른쪽 아래쪽에서 왼쪽 위쪽
18 오른쪽 위쪽에서 왼쪽 아래쪽
19 왼쪽 위쪽 오른쪽 아래
20 왼쪽 아래 오른쪽 위
21 가로 막대 ;meta name="ROBOTS" content="속성 값"> 속성 값에는 다음이 포함됩니다.
속성 값이 "all"이면 파일이 검색되고 페이지의 링크가 쿼리될 수 있습니다.
속성 값이 "none"이면 파일이 검색되지 않으며 페이지의 링크가 쿼리되지 않습니다.
속성 값이 "index": 파일이 검색됩니다.
속성 값이 "follow"입니다. 링크가 쿼리됩니다.
속성 값이 "noindex"입니다. 검색되지 않지만 링크를 쿼리할 수 있습니다.
속성 값은 "nofollow"입니다.



//페이지 매김 인쇄


page1


page2 p>



//인쇄 설정

classid ="clsid:1663ed61-23eb-11d2- b92f-008048fdd814"
codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
>< ;/object>

🎜><script> <strong>function window.onload() { <br/> // -- 고급 기능 <br/> Factory.printing.SetMarginMeasure( 2) // 여백을 인치 단위로 측정 <br/> Factory.printing.SetPageRange(false, 1, 3) // 1부터 3까지의 페이지가 필요합니다. <br/> Factory.printing.printer = "HP DeskJet 870C" <br/> 공장.printing.copies = 2 <br/> 공장. Printing.collate = true <br/> Factory.printing.paperSize = "A4" <br/> Factory.printing.paperSource = "수동 공급" <br/> // -- 기본 기능 <br/> Factory.printing.header = "디스플레이 왼쪽에 표시&b중앙에 표시&b오른쪽에 표시 페이지 번호, 페이지 &p/합계 &P 표시" <br/> Factory.printing.footer = "(사용자 정의 바닥글)" <br/> 공장. Printing.Portrait = False <br/> 공장 .printing.leftMargin = 0.75 <br/> Factory.printing.topMargin = 1.5 <br/> Factory.printing.righMargin = 0.75 <br/> FAC tory.printing.bottommargin = 1.5 <br/>} <br/>function 인쇄(프레임) { <br/> Factory.printing.Print(true, Frame) // 프롬프트로 인쇄 <br/>} <br/></script>



a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>자세한 설명서는 여기를 클릭하세요


// 내장된 인쇄 미리보기
WebBrowser.ExecWB(1,1) 열기
Web.ExecWB(2,1)는 현재 IE 창을 모두 닫고 새 창 열기
웹 .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)

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
파이썬과 자바 스크립트의 미래 : 트렌드와 예측파이썬과 자바 스크립트의 미래 : 트렌드와 예측Apr 27, 2025 am 12:21 AM

Python 및 JavaScript의 미래 추세에는 다음이 포함됩니다. 1. Python은 과학 컴퓨팅 분야에서의 위치를 ​​통합하고 AI, 2. JavaScript는 웹 기술의 개발을 촉진하고, 3. 교차 플랫폼 개발이 핫한 주제가되고 4. 성능 최적화가 중점을 둘 것입니다. 둘 다 해당 분야에서 응용 프로그램 시나리오를 계속 확장하고 성능이 더 많은 혁신을 일으킬 것입니다.

Python vs. JavaScript : 개발 환경 및 도구Python vs. JavaScript : 개발 환경 및 도구Apr 26, 2025 am 12:09 AM

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

JavaScript가 C로 작성 되었습니까? 증거를 검토합니다JavaScript가 C로 작성 되었습니까? 증거를 검토합니다Apr 25, 2025 am 12:15 AM

예, JavaScript의 엔진 코어는 C로 작성되었습니다. 1) C 언어는 효율적인 성능과 기본 제어를 제공하며, 이는 JavaScript 엔진 개발에 적합합니다. 2) V8 엔진을 예를 들어, 핵심은 C로 작성되며 C의 효율성 및 객체 지향적 특성을 결합하여 C로 작성됩니다.

JavaScript의 역할 : 웹 대화식 및 역동적 인 웹JavaScript의 역할 : 웹 대화식 및 역동적 인 웹Apr 24, 2025 am 12:12 AM

JavaScript는 웹 페이지의 상호 작용과 역학을 향상시키기 때문에 현대 웹 사이트의 핵심입니다. 1) 페이지를 새로 고치지 않고 콘텐츠를 변경할 수 있습니다. 2) Domapi를 통해 웹 페이지 조작, 3) 애니메이션 및 드래그 앤 드롭과 같은 복잡한 대화식 효과를 지원합니다. 4) 성능 및 모범 사례를 최적화하여 사용자 경험을 향상시킵니다.

C 및 JavaScript : 연결이 설명되었습니다C 및 JavaScript : 연결이 설명되었습니다Apr 23, 2025 am 12:07 AM

C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션Apr 22, 2025 am 12:02 AM

JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Apr 21, 2025 am 12:01 AM

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

JavaScript 통역사 및 컴파일러에서 C/C의 역할JavaScript 통역사 및 컴파일러에서 C/C의 역할Apr 20, 2025 am 12:01 AM

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구