찾다
웹 프론트엔드JS 튜토리얼자바스크립트 팁 전체 모음_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는 ":", "/", ";" 및 "?"도 인코딩합니다.



//다양한 크기

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 onpaste="return !clipboardData.getData('text ' ).match(/D/)" ondragenter=

"return false"

>

// 특수목적


"window.external.ImportExportFavorites(true,'http://localhost');"> >"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,''))"


//이미지 도구 모음 제거

자바스크립트 팁 전체 모음_JavaScript"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  {
   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="최소화">
 
"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
"명령" value="최대화"
"clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
"명령" value="닫기">
 
 
 
 


//光标停在文字最后 

"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()">
"factory.printing.Preview()">


함수 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)>

;






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


"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){} } script>
"버튼"
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)     반품 이것
; }//计算内容宽和高

>
함수 test(obj)
{
range = obj .createTextRange(); > Alert("콘텐츠 영역 너비: " range.boundingWidth "
"pxrn 콘텐츠 영역 높이: " range.boundingHeight "px"
); }
value="콘텐츠 너비 계산" onClick="test(txt)" > ;/BODY>//모덜리스 프롬프트 상자

기능 modelessAlert(Msg) {

window.showModelessDialog(

"javascript:alert("" escape(Msg) "");window.close();"
,
"","상태:no;크기 조정 가능:no;help:no;dialogHeight:height:30px;dialogHeight:40px;") }


//차단키




"Content-Type" content="text/html; charset=gb2312">
> ;
마우스 오른쪽 버튼 보호, Ctrl N, Shift F10, Alt F4, F11, F5 새로고침, 백스페이스 키<br> 🎜>"Javascript"<br>>
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

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 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SecList

SecList

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

DVWA

DVWA

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

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.