> 웹 프론트엔드 > JS 튜토리얼 > 일반적인 자바스크립트 함수_자바스크립트 기술 요약

일반적인 자바스크립트 함수_자바스크립트 기술 요약

WBOY
풀어 주다: 2016-05-16 17:55:11
원래의
1088명이 탐색했습니다.
1. 경로 기호의 의미
src="/js/jquery.js", "../" 슬래시는 웹 사이트의 루트 디렉터리를 나타내는 절대 경로를 의미합니다.
"./", "../", "jquery.js", "js/jquery.js" 등과 같은 기타 경로는 현재 웹 페이지에 대한 상대 경로를 나타내며 상대 경로입니다.
2. 웹사이트의 루트 디렉터리를 가져옵니다
코드를 복사합니다 코드는 다음과 같습니다. :

function GetRootPath() {
var strFullPath = window.document.location.href;
var strPath = window.document.location.pathname; .indexOf(strPath);
var prePath = strFullPath.substring(0, pos);
var postPath = strPath.substr(1).indexOf('/') 1); 🎜>return (prePath postPath ;
코드는 다음과 같습니다.


//웹사이트 URL은 http://www.A.COM?a=12
String.prototype.getQuery = 함수(이름) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)"); = this.substr(this.indexOf("?" ) 1).match(reg); if (r != null) return unescape(r[2]) return null; var strHref = window.location.href; Alert(strHref.getQuery("a"));
코드 복사


코드는 다음과 같습니다.


document.write(Math.round (0.60) "
") 1
document.write(Math.round(0.50) "
") 1
document.write(Math.round(0.49) "
") 0
document.write(Math.round(-4.40) "
") -4
document.write(Math.round(-4.60)) - 5

4.2 Math.random()은 0과 1 사이의 난수를 반환합니다.

document.write(Math.random() )
document.write(Math.floor(Math.random()*11)) 0에서 10 사이의 난수를 반환하는 Math 객체의 Floor() 메서드와 random()


4.3 isNaN() 숫자가 아닌지 여부, 숫자가 아니면 true, 그렇지 않으면 false
4.4 Number() 객체의 값을 숫자로 변환
4.5 parseFloat() parseInt( ) 문자열의 첫 번째 문자가 될 수 없는 경우 숫자로 변환하면 NaN이 반환됩니다.
4.6 String() 함수는 객체의 값을 문자열로 변환합니다

5.1. 배열을 배열로 병합 병합 배열을 병합하여 새 배열을 생성하면 원래 배열은 변경되지 않습니다.
코드 복사 코드는 다음과 같습니다.

var arr = new Array(3 )//배열 정의
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr1 = new Array(3)
arr1[0] = "James"
arr1[1] = "Adrew"
arr1[2] = "Martin"
var arr2=arr.concat(arr1))
5.2 배열은 문자열 조인으로 결합됩니다. 기본값은 "," 연결이며, Join(".")과 같이 지정할 수 있습니다.
6. 가장 일반적으로 사용되는 정규식은 test()이며, 발견되면 true이고, 그렇지 않으면 true입니다. false 코드 복사

코드는 다음과 같습니다.


var patt1=new RegExp ("e");
document .write(patt1.test("인생에서 가장 좋은 것은 무료입니다."))



7. 7.1 onload 및 onUnload 페이지 로딩, 언로드 시 호출됨
7.2 onFocus, onBlur 및 onChange 이벤트는 일반적으로 양식의 유효성을 검사하기 위해 함께 사용됩니다

7.3 onSubmit은 양식을 제출하기 전에 모든 양식 필드를 확인하는 데 사용됩니다.

다음은 onSubmit 이벤트를 사용한 예입니다. 사용자가 양식에서 확인 버튼을 클릭하면 checkForm() 함수가 호출됩니다. 필드 값이 유효하지 않은 경우 제출이 취소됩니다. checkForm() 함수의 반환 값은 true 또는 false입니다. 반환 값이 true이면 양식을 제출하고, 그렇지 않으면 제출을 취소합니다. */

8. 쿠키
8.1
코드 복사 코드는 다음과 같습니다. 🎜>
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()expiredays)
문서. cookie=c_name "=" escape(value)
((expiredays==null) ? "" : ";expires=" exdate.toGMTString())
}

8.2 읽기

코드 복사 코드는 다음과 같습니다.
function getCookie(c_name)
{
if ( document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name "=")
if (c_start!=-1)
{
c_start=c_start c_name .length 1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document .cookie.substring( c_start,c_end))
}
}
return ""
}


9. setTimeout () 타이밍 시작var t=setTimeout("javascript 문", 밀리초)clearTimeout(t) //타이밍 중지
10. 웹사이트 열기

10.1 다른 웹사이트 열기 window window.open()

코드 복사 코드는 다음과 같습니다. function openW( v){
var str = '너비=200, 높이=200, 왼쪽=200, 상단=200, 상태=아니요, 스크롤바=아니요,'
str = '메뉴바=아니요, 도구 모음=아니요, 크기 조정 가능 =no,location=no'
window.open(v,'',str);
}


10.2 동일한 창에서 웹사이트를 엽니다
window.location. href ='http://www.sohu .com' ;

11. 객체

11.1 객체 정의, 소멸

복사 code 코드는 다음과 같습니다. var oObject = new Object
// 여기서 개체로 작업 수행
oObject = null; 🎜>

11.2 클래스 정의



코드 복사
코드는 다음과 같습니다. function Cat(이름,색상){  this.name = name;
This.color = color;
this.type = "Feline"; 객체를 구성하는 JSON




코드 복사

코드는 다음과 같습니다.

var People = { 생성: 함수(이름, 나이) { this.name = 이름; this.age = 나이 }, SayHello: 함수( ) { alert(" 안녕하세요, 제 이름은 " this.name "입니다. 저는 " this.age)입니다.
}
};


11.4 프로토타입을 사용하여 객체 구성




코드 복사

코드는 다음과 같습니다.

var Person = function(이름, 나이) { this. name = 이름; this.age = age; }; Person.prototype.Introduce = function () { alert("내 이름은 " this.name " 입니다. 이.나이); }
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿