2016-10-02 13 views
-2

익스트림 초보자 들께 가능한 한 쉽게 설명해주십시오.
여러 변형을 읽었지만 아직 이해할 수 없지만 도움을 주시면 대단히 감사하겠습니다.로컬에서 HTML로 자바 스크립트 사용하기

내가 원하는 건 로컬 환경에서 HTML & 자바 스크립트를 배울 수 있지만 .html 파일과 정확히 같은 폴더에있는 .js 파일을 올바르게 참조하려면 HTML 내에서 스크립트 소스를 가져올 수 없습니다.
Chrome 브라우저에서 file : /// C : /JavaScript/Index.html을 통해 로컬 컴퓨터의 .html 파일을 참조하기 만하면됩니다.

2 파일 (index.html을하고 JS.js), 모두 C에서 로컬 위치 : 자바 스크립트

\

HTML 코드 : 그들이에있는 경우

<!doctype html> 
<head> 
    <title>Title in browser tab</title> 
</head> 
<body> 
"Text on the page" 
<script src="C:\JavaScript\JS.js"></script> 
</body> 
</html> 

, 내가 무엇을 읽고에 기반 동일한 폴더를 통해 볼 수있는 폴더 구조가 없기 때문에 <Script src="JS.js">을 참조 할 수 있어야합니다. 맞습니까?

- <script src="file:///C:/JavaScript/JS.js"> 및 관련 버전 <Script src="C:\Javascript\JS.js">을 통해 절대 경로를 시도했으나 작동하지 않습니다.

내 JS.js 파일에서 기능을 테스트하는 데있어 alert(); 이외에는 잘못된 소싱에 대한 이유가 있습니다. 외부 소스를 참조하지 않고 간단히 <script>alert();</script>이라고 작성하면 경고가 계획대로 작동합니다.

미리 감사드립니다.

+3

디버그 도구를 사용하여 시작하십시오. 개인적으로 크롬과 웹 개발자 도구가 있지만 파이어 폭스, 파이어 버그, 심지어 인터넷 익스플로러도 요즘 꽤 좋은 도구가 있습니다. 브라우저가 무엇이 잘못되었는지를 기다리지 말고 디버거를 사용하십시오. –

+3

* "내가 읽은 것을 바탕으로, 같은 폴더에 있다면''이 있으면됩니다. –

+1

문제는 JS 파일의 * 내용 *과 관련이 있습니다. – Quentin

답변

0

나는 문제가 거짓말을 할 수 있습니다 위치를 확인할 수 Chrome's Developer Tools 개방 터지는 권하고 싶습니다 (당신이 개발에 새로운 있다면, 그리고이 너무 훨씬 쉽게 당신의 인생 를 만들 것입니다 크롬에 내장 된 도구입니다).

경로가 필요 없다는 가정은 정확해야합니다. 동일한 디렉토리에있는 다른 파일을 참조하는 경우 전체 경로를 생략하면 브라우저가 경로가 상대 경로라고 가정하게됩니다 (예 : "오른쪽 옆에") 현재 파일 :

<!doctype html> 
<head> 
    <title>Title in browser tab</title> 
</head> 
<body> 
"Text on the page" 
<script src="JS.js"></script> 
</body> 
</html> 
관련 문제