이번에는 jquery.js를 JS 파일로 로드하는 방법과 jquery.js를 JS 파일로 로드할 때 어떤 주의사항이 있는지 보여드리겠습니다. 실제 사례를 살펴보겠습니다.
최근 요구 사항이 있습니다.
1. HTML에는 하나의 JS 파일만 도입할 수 있으며, JS 코드나 다른 JS 파일은 도입할 수 없습니다.
2. 다른 JS 파일도 이 JS 파일에 도입해야 합니다. ;
3. 이 JS 파일에는 모든 JS 기능이 작성되어 있습니다. 이 코드는 jquery 관련 내용을 사용하므로 여기서 가장 먼저 해결해야 할 것은 jquery.js를 도입하는 방법입니다.
인터넷에서 검색 여러 해 동안 WEB을 떠나 있었기 때문에 마침내 친구에게 물어보니 다음 코드를 받았습니다:
1.js
// by firefoxmmx
var script=document.createElement("script");
script.type="text/javascript";
script.src="jquery.js";
document.getElementsByTagName('head')[0].appendChild(script);
setTimeout(function(){
$(document).ready(function(){
$("#bt").click(function(){
alert('Hello World');
});
});
},100);The 1. html 코드는 다음과 같습니다.
<html> <head> <script type="text/javascript" src="1.js"></script> </head> <body> <input type="button" id="bt" value="Click" /> </body> </html>
테스트하려면 jquery.js를 추가해야 하며 직접 다운로드할 수 있습니다.
실행 후 버튼을 클릭하면 아래와 같은 효과가 나타납니다.
인터넷에 있는 몇 가지 방법이 첨부되어 있습니다.
1. 직접 document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>2. 기존 스크립트의 src 속성을 동적으로 변경합니다.
<script src='' id="s1"></script> <script language="javascript"> s1.src="test.js" </script>
3. 동적으로 스크립트 요소를 생성합니다. 이 기사의 사례를 읽은 후 방법을 알아보십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서:
Vue 양식을 자동화하는 방법은 무엇입니까?노드+부트스트랩을 사용하여 포럼을 구축하는 방법위 내용은 JS 파일 내에서 jquery.js를 로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
