>  기사  >  웹 프론트엔드  >  웹페이지 제작 시 참고할 수 있는 JAVASCRIPT 기술 몇 가지

웹페이지 제작 시 참고할 수 있는 JAVASCRIPT 기술 몇 가지

黄舟
黄舟원래의
2016-12-14 15:54:321021검색

이벤트 소스 객체
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
메뉴 event
document.oncontextmenu
요소 만들기
document.createElement("SPAN");
마우스 기반 요소 가져오기:
document.elementFromPoint(event.x,event.y) .tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
양식 이미지
document.images[index]
양식 이벤트 바인딩 정의
document.onmousedown=scrollwindow;
요소
document.Form.elements[index]
객체 바인딩 이벤트
document.all.xxx.detachEvent('onclick',a)
개수 플러그인
navigator.plugins
변수 유형 가져오기
typeof($js_libpath) == "정의되지 않음"
드롭다운 상자
드롭다운 상자.옵션[index]
드롭다운 상자 Box.options.length
객체 찾기
document.getElementsByName("r1");
document.getElementById(id)
타이밍
timer=setInterval('scrollwindow( )',delay );
clearInterval(timer);
UNCODE 인코딩
escape(),unescape
상위 객체
obj.parentElement(dhtml)
obj.parentNode(dom)
테이블 행 교환
TableID.moveRow(2,1)
CSS 바꾸기
document.all.csss.href = "a.css"
나란히 표시
표시 :inline
포커스 숨기기
hidefocus=true
너비에 따라 줄 바꿈
style="word-break:break-all"
자동 새로 고침

간단한 이메일
위치
obj.scrollIntoView(true)
앵커

anchors< /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]
스타일 태그의 첫 번째 스타일
document.styleSheets[0 ].rules[0]
빈 링크를 클릭할 때 페이지가 페이지 상단으로 재설정되는 것을 방지합니다.
word
이전 웹페이지 소스
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
메모리 해제
CollectGarbage();
오른쪽 클릭 비활성화
document.oncontextmenu = function() { return false;}
저장 비활성화

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

favicon.ico 이름을 유지하는 것이 가장 좋습니다. 변경되지 않음16* 16색 중 16개, 가상 디렉터리의 루트 디렉터리에 넣음
즐겨찾기 모음 아이콘
소스 코드 보기

입력 방법 닫기
< ;input style="ime-mode:disabled">
모두 자동 선택
> ENTER 키를 누르면 커서가 다음 입력 상자로 이동합니다.

텍스트 상자의 기본값
< input type=text value="123" onfocus="alert(this.defaultValue)">
title Wrap
obj.title = "123 sdfs "
시간으로 표시되는 마이크로초를 가져옵니다.
var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()
창이 닫혀 있는지 여부
win.closed
checkbox flat


선택한 콘텐츠 가져오기
document.selection.createRange( ).duplicate().text
자동 완성 기능
이 기능 켜기
이 기능 끄기
최대화 window
< body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> IE
window.open("aa.htm", "meizz", "fullscreen=7");
균일한 인코딩/디코딩
alert(decodeURIComponent(encodeURIComponent("http:// Hello.com? as= hehe") ))
encodeURIComponent는 ":", "/", ";" 및 "?"도 인코딩합니다.
테이블 행 표시


더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.