JS에서 jquery.js를 로드하는 단계에 대한 자세한 설명-JS 튜토리얼-php.cn

JS에서 jquery.js를 로드하는 단계에 대한 자세한 설명

php中世界最好的语言

풀어 주다： 2018-05-07 17:01:30

원래의

1811명이 탐색했습니다.

이번에는 JS에서 jquery.js를 로딩하는 단계에 대해 자세히 설명하겠습니다. JS에서 jquery.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=&#39;test.js&#39;><\/script>");
</script>

로그인 후 복사

2. 기존 스크립트의 src 속성을 동적으로 변경합니다.

<script src=&#39;&#39; id="s1"></script>
<script language="javascript">
 s1.src="test.js"
</script>

로그인 후 복사

3. 동적으로 스크립트 요소를 생성합니다. 이 기사의 사례를 읽은 후 방법을 알아보십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

JS에서 jquery.js를 로드하는 단계에 대한 자세한 설명