javascript 기초 지식 모음 집(2)추천 모음 집

첨부 의 예 를 자세히 보 세 요.아니면 비교적 간단하게 쓴 것 입 니까?1.쿠키 에 관 한 함수:
 
/**
* cookie .
* : :CookieTool('name','1',{expires: 7}) // cookie 1, name, 7
* :CookieTool('name') // 1
* @param {} name
* @param {} value
* @param {} options
* @return {}
*/
CookieTool = function(name, value, options) {
if (typeof value != 'undefined') {
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString();
}
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = trim(cookies[i]);
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
2.js 대상 을 볼 수 있 는 js 함수 에 대하 여멋 진 방법:
 
/**
*
*/
function debugObjectInfo(obj){
traceObject(obj);

function traceObject(obj){
var str = '';
if(obj.tagName&&obj.name&&obj.id)
str="<table border='1' width='100%'><tr><td colspan='2' bgcolor='#ffff99'>traceObject   tag: &lt;"+obj.tagName+"&gt;   name = \""+obj.name+"\"   id = \""+obj.id+"\" </td></tr>";
else{
str="<table border='1' width='100%'>";
}
var key=[];
for(var i in obj){
key.push(i);
}
key.sort();
for(var i=0;i<key.length;i++){
var v= new String(obj[key[i]]).replace(/</g,"&lt;").replace(/>/g,"&gt;");
str+="<tr><td valign='top'>"+key[i]+"</td><td>"+v+"</td></tr>";
}
str=str+"</table>";
writeMsg(str);
}
function trace(v){
var str="<table border='1' width='100%'><tr><td bgcolor='#ffff99'>";
str+=String(v).replace(/</g,"&lt;").replace(/>/g,"&gt;");
str+="</td></tr></table>";
writeMsg(str);
}
function writeMsg(s){
traceWin=window.open("","traceWindow","height=600, width=800,scrollbars=yes");
traceWin.document.write(s);
}
}
정규 표현 식:g 는 전역 적 으로 m 와 일치 하 는 것 을 대표 합 니 다.i 는 대소 문자 와 일치 하지 않 습 니 다.^입력 문자열 과 일치 하 는 시작 위치$입력 문자열 의 끝 위치*앞 에 있 는 하위 표현 식 과 0 번 또는 여러 번 일치 합 니 다.{0,}+앞 에 있 는 하위 표현 식 과 한 번 또는 여러 번 일치 합 니 다.{1,}과 같 습 니까?앞의 하위 표현 식 과 0 회 또는 1 회 일치 합 니 다.이 문 자 는 다른 제한 문자(*,+,?,{)와 같 습 니 다.n},{n,},{n,m}뒤에 있 을 때 일치 하 는 패턴 은 탐 욕 스 럽 지 않 습 니 다.탐욕 모드 가 아 닌 검색 한 문자열 은 가능 한 한 적 게 일치 하고 기본 탐욕 모드 는 검색 한 문자열 과 가능 한 한 많이 일치 합 니 다.예 를 들 어 문자열'oooo','o+?'하나의'o'와 일치 하고'o+'는 모든'o'와 일치 합 니 다.\d 는 숫자 문자 와 일치 합 니 다.[0-9]\\D 는 비수 문자 와 일치 합 니 다.등 가 는[^0-9]\\w 이 고,등 가 는"[A-Za-z0-9]"\\입 니 다.W 는 모든 비 단어 문자 와 일치 합 니 다."[^A-Za-z0-9]"\\s 는 모든 공백 문자 와 일치 합 니 다.빈 칸 탭 문자 의 페이지 바 꾸 기 등 을 포함 합 니 다.같은 값 은[\f\r\t\v]\\S 와 모든 비 공백 문자 와 일치 합 니 다.같은 값 은[^\f\r\t\v]\b 와 단어 경계 가 일치 합 니 다.즉,단어 와 빈 칸 의 위 치 를 말 합 니 다.\B 는 단어 가 아 닌 경계 와 일치 합 니 다.정규 표현 식 은 js 방법 을 자주 사용 합 니 다.현재 대상 의 대상 으로 사 용 됩 니 다.arg 1,arg 2,argN 옵션 이 있 습 니 다.전달 되 는 방법 매개 변수 시퀀스 입 니 다.콜 방법 을 설명 하면 다른 대상 을 대체 하여 하나의 방법 을 호출 할 수 있다.call 방법 은 함수 의 대상 컨 텍스트 를 초기 컨 텍스트 에서 thisObj 가 지정 한 새로운 대상 으로 변경 할 수 있 습 니 다.간단 한 예:
 
/**
* .
* @return {}
*/
function MatchDemo() {
var r, re; // 。
var s = "The rain in Spain falls mainly in the plain";
re = new RegExp("ain", "g"); // 。
r = s.match(re); // s 。
return (r);
}

/**
* .
*/
function RegExpTest() {
var ver = Number(ScriptEngineMajorVersion() + "."
+ ScriptEngineMinorVersion())
var ans = '';
if (ver >= 5.5) { // JScript 。
var src = "The rain in Spain falls mainly in the plain.";
var re = /\w+/g; // 。
var arr;
while ((arr = re.exec(src)) != null)
ans += arr.index + "-" + arr.lastIndex + arr + "\t";
} else {
ans = " JScript ";
}
return ans;
}

/**
* , .
*/
function TestDemo() {
var s1;
var source = "abcdefg";
var regex = /\w+/g; // 。
if (regex.test(source))
s1 = " contains ";
else
s1 = " does not contain ";
return ("'" + source + "'" + s1 + "'" + regex.source + "'");
}

/**
* .
* @return {}
*/
function SearchDemo() {
var r, re;
var s = "The rain in Spain falls mainly in the plain.";
re = /falls/i;
r = s.search(re);
return (r);
}
약간 복잡 한 예:
 
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}

add.call(sub,3,1);
// add sub,add.call(sub,3,1) == add(3,1) , :alert(4);
다 중 계승 예:
 
function Class1()
{
this.name = "class1";

this.showNam = function()
{
alert(this.name);
}
}

function Class2()
{
this.name = "class2";
}

var c1 = new Class1();
var c2 = new Class2();

c1.showNam.call(c2);
//call c1 c2 , c2 showNam() , c1 showNam() c2 , this.name class2, :alert("class2");
5.apply 함수:Function.application(obj,args)방법 은 두 개의 매개 변 수 를 받 을 수 있 습 니 다.obj:이 대상 은 Function 류 에서 this 대상 args 를 대체 합 니 다.이것 은 배열 입 니 다.이 는 Function(args->arguments)에 매개 변수 로 전 달 됩 니 다.call 과 유사 한 계승 효 과 를 실현 합 니 다.

좋은 웹페이지 즐겨찾기