>웹 프론트엔드 >JS 튜토리얼 >js 파일은 구현 code_javascript 기술을 소개합니다.

js 파일은 구현 code_javascript 기술을 소개합니다.

WBOY
WBOY원래의
2016-05-16 18:28:591301검색

새 메서드를 작성해 달라고 요청하는 것은 크게 어렵지 않습니다. 모두 이 AA.js 파일을 참조했기 때문에 AA.js 이후에 함수를 실행하여 jq 라이브러리를 자동으로 가져오고자 했기 때문에 js 파일 방법:

코드 복사 코드는 다음과 같습니다.

getScript: function(s ,call){
var el = UI.DC('script');
if (call) {
el.onload =el.onreadystatechange=call;
}
UI.A (el,'type', 'text/javascript');
UI.A(el,'src',s)
UI.GT(document,'head')[0].appendChild(el );
}
/*UI.DC는 객체 생성용, UI.A는 속성 할당용, GT는 getElementsByTagName*/

의 약자이므로 UI.getScript를 실행합니다. ("js/jquery/jquery-1.4.2.min.js",function(){alert("Loading 성공적인")})

결과는 IE 및 ff에서 로딩에 성공했다는 것입니다. 그런데 HTML에서 jq를 사용하면 IE에서는 실행이 안되는 경우가 있는데, 계속 새로고침을 하면 가끔 실행되는 경우가 있습니다. 서버에 있는 정적 페이지와 클라이언트에 있는 정적 페이지 간에도 차이가 있지만 Firefox에서는 문제가 없습니다. ...

그래서 jq 파일이 html 로딩과 병행해서 로딩이 되었는지 생각해봤는데, jq 파일이 성공적으로 로딩되면 이미 HTML 파일이 실행되어 있었기 때문에
<script> >alert("execute before html") <div class="codebody" id="code52217"></script>


실행 결과 hmtl이 먼저 나타나기 전에 실제로 실행된 것으로 확인되었으며 이후 로딩에 성공했습니다. Firefox에서도 마찬가지입니다. 서버에 올릴때 파이어폭스 팝업이 동시에 뜨는 느낌이 들더라구요...
그래서 html 본문에 있는 내용이 잘 보이도록 어떻게 설정해야 하나 고민하기 시작했습니다. jq 파일이 로드된 후에만 실행되는 경우 파일을 소개하기 위해 헤드에 를 추가하는 것처럼 보입니다. .
생각해보면 항상 페이지를 탐색할 때 사용했던 것 같습니다. 로딩 파일에는 많은 js 파일이 포함되어 있는데, 검색 결과 이 ​​js 파일의 내용을 사용할 수 있습니다.




코드 복사 코드는 다음과 같습니다. var Collapsar = {
버전: '0.0.1',
require: function(libraryName) {
// Safari 2.0에서는 DOM을 통한 삽입이 실패하므로 무차별 접근 방식
document.write('');
} ,
load: function() {
if((typeof Prototype=='undefine') | |
(요소 유형 == '정의되지 않음') ||
(요소 유형.메소드== '정의되지 않음') ||
parseFloat(Prototype.Version.split(".")[0] " ."
Prototype.Version.split(".")[1]) < 1.5)
throw("Prototype JavaScript 프레임워크 1.5.0이 필요합니다.");

$A( document.getElementsByTagName("script")).findAll( function(s) {
return (s.src && s.src.match(/loader.js(?.*)?$/))
} ).each( 함수 {
var path = s.src.replace(/loader.js (?.*)?$/,'');
var include = s.src.match( /?.*load=([a-z,]*)/);
(includes ? include[1 ] : "").split(',').each(
function(include) {
Collapsar.require(경로 포함 '.js') });
}
}
Collapsar.load()



호출되면 이렇게 하면 이후의 파일은 실제로 이 문장의 핵심 역할은 document.write(''); 🎜>글쓰기 방법이 문서에 내용을 추가하는 것과 같은지 의문이 들었습니다. 내용은 본문 태그에 나타나야 합니다. 실험 결과 스크립트와 같은 태그가 나타날 때는 나타납니다. 링크가 헤드에 나타난 다음 헤드에 참조 js 파일을 추가하는 것은 본문의 콘텐츠를 실행하기 전에 헤드에 직접 로드하는 것과 같습니다.... 스크립트를 추가하는 것과 위에 추가하는 것의 차이점은 무엇입니까.. .
실험: AA.js에 추가:

UI.getsc=(function(){
document.write('');
})()

자동으로 실행되도록 합니다. 실험은 실제로 성공했습니다. ff뿐만 아니라 IE에서도 실행될 수 있습니다.
실험을 계속하겠습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:jquery 그림 이전 다음 링크 효과(계속)_jquery다음 기사:jquery 그림 이전 다음 링크 효과(계속)_jquery

관련 기사

더보기