내 HTML 문서에서 JS 파일을로드하는 방법은 무엇입니까?

-3

codecademy를 사용하여 코드 작성을 가르치고 HTML 문서에서 JS 파일을로드하려고합니다. 분명히 내가 뭘 잘못하고 있는지 이해할 수 있도록 Google 검색에서 정보를 찾을 수 없습니다. 이것은 JS 파일을로드하는 현재 HTML입니다. 누구나 내가 HTML 파일이로드 될 때 .js 파일을 실행할 수 있도록 내가 뭘 잘못하고 있는지 이해할 수 있습니까? codecademy의 표준에 따르면 JS 파일 자체가 올바르게 작성됩니다.내 HTML 문서에서 JS 파일을로드하는 방법은 무엇입니까?

<body> 
    <h4 id="header">...Games...</h4> 
    <h2 id="list">pick from our unique selection of brand new games...</h2> 
    <script src="Cards.js"></script> 
</body>

출처

2015-01-17 Ren

두 파일이 같은 디렉토리에 있습니까? 콘솔에 오류 메시지가 있습니까? – Sirko

그런 스크립트를로드하면 Cards.JS 파일은이 html 스크립트와 동일한 폴더에 있어야합니다. – vimes1984

옙, 모든 파일이 같은 디렉토리에 있기 때문에 왜 작동하지 않는지 혼란 스럽습니다. – Ren

index.html과 Cards.js 파일이 같은 폴더에 있으므로 잘로드되어야합니다. Cards.js 파일을/js/폴더에 넣으면 경로에 /js/Cards.js를 추가해야합니다.

사이드 노트로서 Firefox와 Web Developer 및 Firebug 애드온을 다운로드하는 것이 좋습니다. 파일이로드되고 오류를 생성하는 경우 및 오류가 파일에있는 경우 표시됩니다.

출처

2015-01-17 16:36:07 matcartmill

많은 브라우저가 개발자 콘솔을 포함하고 있지만, 나는 방화범이 드는 것을 좋아합니다. – Gary

그래서 나는 혼란 스럽습니다. 그들은 분명히 같은 폴더에 있습니다. – Ren

코드에서 다른 JS가 작동하지 못하게하는 오류가있을 수 있습니까? 사이트가 내가 체크 아웃 할 수있는 곳에 호스팅되어 있습니까? – matcartmill

귀하의 스크립트 태그는 HTML 문서 부분에 있어야합니다. shure를 file.js가 file.html과 같은 폴더에 있거나 위에서 언급 한 것처럼 src 속성에 폴더를 포함 시키십시오. 이 문제를 해결

<!doctype html> 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
    <script type="text/javascript" src="file.js"></script> 
</head> 
<body> 
    #Your page tags 
</body> 
</html>

희망 :

귀하의 코드는 스크립트가 전체 페이지에 적용 할 경우,이는 다음과 같을한다! :-)

이

출처

2015-01-17 16:51:34 hallole

나는 그것이 있었으면 좋겠다. 아직 아무것도 ... ... ( – Ren

코드 작성을 배우기 위해 codecademy를 사용한다고 언급했는데, codecademy의 웹 편집기를 사용하여 코드를 작성하거나 로컬에서 코드를 작성합니까? 웹 편집기를 사용하면 당신이 사물에 대한 완전한 통제권을 가지고 있기 때문에 당신이 당신의 컴퓨터에서 코딩을 시작할 것을 제안한다! 만약 당신이 문제가된다면 당신은 문제가된다. 왜냐하면 당신은 codecademy 서버의 문제이거나 사물 그들이해야 할 길을 가지 말아라! 행운을 빈다. 그리고 코딩을 계속하고, codecademy에서 코딩하는 법을 배우기 시작했다! – hallole

당신이 만드는 (index.html을 또는 games.html)의 이름을 가져야한다 위에 게시 된 HTML 텍스트가 있는지 파일 형식
는 컴퓨터의 폴더를 확인를 .html, 제공 그것의 이름과 그 폴더에 저장된 HTML 파일을 넣어. 이 폴더는 이제 루트 또는 디렉토리 폴더입니다.
HTML 파일 옆의 폴더에 자바 스크립트 파일 "Cards.js"를 추가하십시오.
텍스트 편집기에서 두 파일 (index.html, Cards.js)을 엽니 다.
브라우저에서 html 파일을 실행하면 "Cards.js"가로드됩니다. 행운을 빈다, 이것이 도움이되기를 바랍니다.

출처

2015-01-17 18:15:11 Amah

나는 이것들을 모두 이미 끝냈다. 그래서 나는 오류에 대해 혼란스러워한다. – Ren

내 HTML 문서에서 JS 파일을로드하는 방법은 무엇입니까?

답변

관련 문제