2016-06-05 6 views
-6

전체적인 질문을 다시 설명해주십시오.자바 스크립트를 HTML 파일에 넣는 방법

나는 내 웹 사이트에이 이처럼 http://www.w3schools.com/howto/howto_js_slideshow.asp

이를 추가 할, 나는 외부 자바 파일을 확인해야합니다 (내부 작동하지만 내가 외부 할 수 있습니다).

그래서 body 태그의 HTML 파일에 자바 코드를 붙여 넣으면 스크립트가 제대로 작동합니다. 즉, 스크립트에는 아무런 문제가 없습니다. 그러나 같은 것을 다른 외부 파일에 넣으면 스크립트가 작동하지 않습니다. 그래서 문제는 head 태그에 있어야합니다. 여기서 외부 파일 위치를 씁니다. 이

 <head> 
<title>FFH</title> 
<link href="style.css" rel="stylesheet" type="text/css" media="screen" /> 
    <link rel="shortcut icon" type="image/x-icon" href="images/ffh.ico" />` 
    <script type="text/javascript" src="myscript.js"></script> 

예, "myscript.js는"같은 폴더에 있고 내가 그것에 대해 100 % 확신 내 머리 태그입니다.

+0

[mcve]를 만드는 방법을 살펴보십시오. – Gendarme

+0

정확히 어떻게 myscript.js를 html 코드에 추가하려고합니까? – Pshemo

답변

0

문제에 대한

  • 자바 스크립트가 여러분의 브라우저에서 작동하지 않을 수있는 스크립트 태그에

    1. 잘못된 SRC 경로 원인이됩니다 다음.
    2. 전체 페이지의 스크립트 실행을 중지 한 스크립트 오류/예외가 있습니다.
    3. 아마도 로컬 파일 프로토콜로 여는 경우 작동하지 않는 Ajax 요청이있을 수 있습니다. 예 : file : //

    무엇을 할 수 있습니까? 좋아하는 브라우저에서 사용 가능한 개발자 도구를 알고 사용할 수 있습니다.

    404 또는 일부 다른 오류가 표시되는지 확인하십시오. 그런 다음 표시되는 정확한 오류 메시지로 SO 질문을 업데이트하십시오. 기꺼이 도와 드리겠습니다.

    제공된 w3c 링크를 기준으로 수정 된 답변 : 이제 우리는 정확한 문제를 알고 있습니다. 해당 스크립트 태그를 HTML 헤드에 추가 할 수 없습니다. 스크립트에서 참조하는 요소는 해당 실행 시간에 사용할 수 없기 때문입니다. body 태그가 끝나기 직전에 스크립트 태그를 이동하십시오 (모든 carousal 태그/요소가 스크립트 태그 앞에 있어야합니다). 그러면 예상대로 작동합니다.

    여전히 스크립트 태그가 head 섹션에 있도록하려면 DOM 준비 이벤트 또는 window.Onload 이벤트에서 캐로 셔/슬라이더를 초기화해야합니다.

    브라우저의 개발자 도구을 사용하면 정확한 오류 문을 찾을 수 있기 때문에 이전의 내 의견과 관련성이 있습니다.

  • +0

    SRC 경로가 맞다 스크립트도 작동합니다. 내 질문을 편집 했으니 지금 이해할 수 있습니다. –

    1

    동일한 폴더에 html 파일과 javascript 파일을 넣으십시오.

    +0

    그것은 이미 그것 같이이다. 나는 폴더를 업로드 할 수 있습니다, 600kb, 만약 당신이 원한다면. –

    +0

    그것은 모든 코드의 특정 부분이 실행되는 경우에 따라 있습니다 – Taha

    +1

    에 <스크립트 유형 = "텍스트/자바 스크립트"SRC = "myscript.js"> 을 넣어보십시오. 위의 코드에서 헤더에있는 경우 액세스하려는 요소가 아직 존재하지 않을 수 있습니다. – Taha

    0

    다른 답변에서 설명한 것처럼 스크립트 태그가 <head> 태그에 있으면 작동하지 않을 수 있습니다. </body> 바로 앞에 추가하십시오.

    + 자바를 호출하지 마십시오. 이름 이외에는 다른 공통점이 없습니다.

    관련 문제