jquery 동적 로딩 js 파일 구현 단계
- php中世界最好的语言원래의
- 2018-04-23 11:35:133383검색
이번에는 js 파일의 jquery동적 로드를 구현하는 단계를 알려 드리겠습니다. jquery가 js 파일을 동적으로 로드하는 데 필요한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.
문제:
jquery 추가를 사용하여 스크립트 태그를 직접 로드하면 오류가 보고됩니다. document.write 외에도 js 파일을 동적으로 로드하는 더 좋은 방법이 있나요?
해결책:
1.jquery method
$.getScript("./test.js"); //加载js文件
$.getScript("./test.js",function(){ //加载test.js,成功后，并执行回调函数
console.log("加载js文件");
});
2.js method
<html>
<body>
</body>
</html>
<script type="text/javascript">
function loadScript(url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
if(typeof(callback) != "undefined"){
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else {
script.onload = function () {
callback();
};
}
}
script.src = url;
document.body.appendChild(script);
}
loadScript("jquery-latest.js", function () { //加载,并执行回调函数
alert($(window).height());
});
//loadScript("jquery-latest.js"); //加载js文件
</script>
이 기사의 사례를 읽은 후 해당 방법을 마스터했다고 생각합니다. PHP 중국어 웹사이트!
추천 자료:
jquery 플러그인 uploadify 사용에 대한 자세한 설명
jQuery를 사용하면 브라우저가 서로 점프하여 매개변수를 전달할 수 있습니다.
위 내용은 jquery 동적 로딩 js 파일 구현 단계의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.