자바스크립트 팁 전체 모음_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 색상이 바람직하며 가상 디렉터리의 루트 디렉터리에 배치됩니다.
즐겨찾기 표시줄 아이콘
소스 코드 보기
입력 방법 끄기
자동으로 모두 선택
< 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 태그와 일치하는 정규식: /<(.*)>.*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,''))"
//이미지 도구 모음 제거
"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 = '';
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.
//最小化,最大화,关闭
<객체 ID=최대 클래스 ID="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
//인쇄 설정
//自带的打印预览 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">
>
type=버튼 값 =직접 인쇄 onclick=document.all.WebBrowser.ExecWB(6,6)>
<입력 유형=버튼 값=페이지 설정 onclick=document.all.WebBrowser.ExecWB(8,1) >
<입력 유형=버튼 값=인쇄 미리보기 onclick=document.all.WebBrowser.ExecWB(7,1)> ;
<스크립트 언어="JavaScript"> 함수 checkBrowser() 기능 modelessAlert(Msg) { "javascript:alert("" escape(Msg) "");window.close();"
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){} } script>
"버튼"
value="페이지 번호 지우기" onclick=PageSetup_Null()>
<입력 유형=
" 버튼"
value="페이지 번호 복원" onclick=PageSetup_Default()>
//브라우저 확인
{
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) 반품 이것
; }//计算内容宽和高
value="콘텐츠 너비 계산" onClick="test(txt)" > ;/BODY>//모덜리스 프롬프트 상자
,
"","상태:no;크기 조정 가능:no;help:no;dialogHeight:height:30px;dialogHeight:40px;") }
//차단키
"Content-Type" content="text/html; charset=gb2312">
🎜><스크립트 언어=
"Javascript"
>

핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

사용법: JavaScript에서 insertBefore() 메서드는 DOM 트리에 새 노드를 삽입하는 데 사용됩니다. 이 방법에는 삽입할 새 노드와 참조 노드(즉, 새 노드가 삽입될 노드)라는 두 가지 매개 변수가 필요합니다.

JavaScript는 웹 개발에 널리 사용되는 프로그래밍 언어인 반면 WebSocket은 실시간 통신에 사용되는 네트워크 프로토콜입니다. 두 가지의 강력한 기능을 결합하면 효율적인 실시간 영상 처리 시스템을 만들 수 있습니다. 이 기사에서는 JavaScript와 WebSocket을 사용하여 이 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 첫째, 실시간 영상처리 시스템의 요구사항과 목표를 명확히 할 필요가 있다. 실시간 이미지 데이터를 수집할 수 있는 카메라 장치가 있다고 가정해 보겠습니다.
