> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 YUI 코드 읽기 일기 YAHOO.util.Dom - Part.3_YUI.Ext 관련

자바스크립트 YUI 코드 읽기 일기 YAHOO.util.Dom - Part.3_YUI.Ext 관련

WBOY
풀어 주다: 2016-05-16 19:05:45
원래의
974명이 탐색했습니다.

var 패턴 = {
하이픈: /(-[a-z])/i,
ROOT_TAG: /^body|html$/i
}

var toCamel = function(property) {
// -[a-z] 문자가 없으면 직접 반환
if (!patterns.HYPHEN.test(property)) {
return property
}

/ / 캐시가 있으면 대체된 값을 직접 반환
if (propertyCache[property]) {
return propertyCache[property]
}

// 정규식을 사용하여 대체
var = 속성;
전환됨 while( 패턴.HYPHEN.exec(converted) ) {
전환됨 = 전환됨.replace(RegExp.$1,
RegExp.$1.substr(1).toUpperCase( ));

// 캐시에 저장
propertyCache[property] = Converted;
return Converted
}; 추가 차이점 브라우저 호환성 문제의 경우 코드는 다음과 같습니다

// Firefox, Opera, Safari와 같은 W3C DOM 표준 브라우저를 사용합니다
if (document.defaultView && document.defaultView.getCompulatedStyle) {
getStyle = function(el, property) {
var value = null;

// CSS 스타일 이름 일부 이름 바꾸기
if (property == 'float') {
속성 = 'cssFloat'; 🎜>                    값 =                                                                                                                                                                       >} 그렇지 않은 경우( document.documentElement.currentStyle && isIE) {
getStyle = function(el, property) {               // 인식되도록 이름을 IE로 "변환"
case 'opacity' :
var val = 100;
try {
val =
                 el.filters['DXImageTransform.Microsoft.Alpha'].opacity; {
val = el.filters('alpha').opacity;
} catch(e) {
                               
                                                                                                             ~ ~     el.currentStyle[속성] : null
                                                                     > = function(el, property) { return el.style[property] };
} 또한 그의 블로그에 있는 getStyle에 대한 설명은 다음과 같습니다. 또한 매우 흥미롭습니다. 관심이 있으시면 읽어보세요.

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