HTML - 외부 Javascript 파일 연결하기

왜 내 외부 Javascript 파일이 HTML 파일에 링크되지 않는지 알 수 없습니다. 나는HTML - 외부 Javascript 파일 연결하기

<script type="text/javascript" src="jobs.js"></script>

내 HTML 헤더

및

window.onload = function() { alert("Working");

}을 가지고;

(내 Javascript 파일)

파이어 폭스 확장 기능 파이어 버그를 사용하고 있으며 내 웹 페이지가 자바 스크립트 파일을로드하지 않는다고 알려줍니다. 내가 뭘 잘못하고 있니? 감사합니다.

편집 : 여러 번 경로를 확인했는데 .js 파일을 이제 같은 폴더로 옮겼습니다.

<!DOCTYPE html>

< HTML LANG = "EN">

<meta charset="utf-8" /> 
<meta name="description" content="Home Page" /> 
<meta name="author"   content="Caitlin Reeve" /> 
<link rel="Stylesheet" type="text/css" href="styles/style.css" /> 
<script type="text/javascript" src="jobs.js"></script> 
<Title> Home Page</Title>

<!-- Image Source: http://cdn.business2community.com/wp-content/uploads/2013/03/Hat3.png--> 

<a name="logo" href= "index.html"><img src="images/Hat3.png" alt="Business Logo" /></a> 
<h1>Tech Solutions </h1> 
<hr /> 

<!-- Site Menu --> 
<nav> 
<p></p> 
<ul> 
<li><a href="index.html">Home</a></li> 
<li><a href="job1.html" >Jobs</a></li> 
<li><a href="enquire.html" >Enquire</a></li> 
<li><a href="about.html">About</a></li> 
</ul> 

</nav>

<h3> Application </h3> 

<form action="http://mercury.ict.swin.edu.au/it000000/formtest.php" name="applyJob" method="POST" > 
    <fieldset> 
    <legend> Your Details </legend> 
    Job Reference Number <input required="required" name="jobno" type="text" required="required" /><br /> 
    First Name <input required="required" name="fname" type="text" pattern="[A-Za-z]{1,15}" maxlength="15" required="required" /><br /> 
    Last Name <input required="required" name="lname" type="text" pattern="[A-Za-z]{1,25}" maxlength="25" required="required"/><br /> 
    Date of Birth <input required="required" name="dob" type="date" pattern="[(0[1-9]|[12][0-9]|3[01])[/]((0[1-9]|1[012])[/](19|20)\d\d][(0[1-9]|[12][0-9]|3[01])[/]((0[1-9]|1[012])[/][(0[0-9]|1[0-9]\d\d)]" required="required"/><br /> 
    Gender 
     <label><input type="radio" value="Male" name="gender" checked="checked" /> Male </label> 

     <label><input type="radio" name="gender" value="Female" /> Female </label> <br /> 
    <p> 
    Address: <br /> 
    Street Address <input required="required" name="streetad" type="text" maxlength="50" required="required" /><br /> 
    Suburb/Town <input required="required" name="subad" type="text" maxlength="25" required="required" /><br /> 
    State <select required="required" name="state"> 
     <option value="">Choose</option> 
     <option value="WA">WA</option> 
     <option value="NT">NT</option> 
     <option value="SA">SA</option> 
     <option value="QLD">QLD</option> 
     <option value="NSW">NSW</option> 
     <option value="VIC" selected="selected" >VIC</option> 
     <option value="ACT">ACT</option> 
     <option value="TAS">TAS</option> 
     </select> 
    </p> 

    <br /> 
    Postcode <input required="required" name="postcode" type="text" pattern="[0-9]{4}" required="required"/><br /> 
    <br /> 
    Email Address <input required="required" name="email" type="email" required="required" /><br /> 
    Phone Number <input required="required" name="phone" type="tel" pattern="[0-9]{10}" maxlength="10" required="required"/><br /> 

    <p> 
    Skills <br /> 
     <label><input required="required" type="checkbox" name="HTML" value="html" required="required" /> HTML experience</label><br /> 

     <label><input required="required" type="checkbox" name="Degree" value="degree" required="required" /> Degree (Bachelor or higher) </label> <br /> 

     <label><input required="required" type="checkbox" name="SQL" value="sql" required="required" /> SQL experience </label> <br /> 

     <label><input type="checkbox" name="lift" value="lift" /> Able to lift heavy objects </label> <br /> 

     <label><input type="checkbox" name="experience" value="years" /> 3 or more years of experience </label> <br /> 

     <label><input type="checkbox" name="RubyPython" value="languages" /> Ruby or Python knowledge </label> <br /> 

     <label><input type="checkbox" name="other" value="other" /> Other Skills </label> 



    </p> 

    Other Skills <br /> 
    <textarea rows="3" COLS="25"></textarea><br />

FPS

 <!--Submits the form to the server--> 
    <input type="submit" value="Submit Application" /> 


    </fieldset> 
</form>

2014

출처

2014-10-01 CastleNation

전체 HTML을 표시 하시겠습니까? js 파일의 경로를 다시 확인하십시오. –

가장 가능성있는 js 경로입니다. 전체 HTML을 표시하십시오. – haxtbh

은 'js'가 실제로 '스타일'폴더 또는 오타 (scripts/js) 아래에 배치됩니까? – Aru

3,516,

당신의 경로가 좋은 것을 제공하고, JS 파일을로드한다는 것을, 해결하는 한 가지가 다음 온로드 리스너 함수가되어야합니다 :

window.onload = function(){ 
    alert("Working"); 
}

출처

2014-10-01 11:40:27 Shomz

감사! 그래도 js 파일이로드되지 않습니다. – CastleNation

콘솔에 오류가 있습니까? 이 경우 404 오류가 표시되어야합니다. – Shomz

콘솔 오류가 표시되지 않습니다. – CastleNation

js 파일은 html과 같은 폴더에 있어야합니다. 그것은 다른 폴더, 예컨대에있는 경우

html/ 
    |__myHtml.html 
    |__jobs.js

는 :

html/ 
    |__myHtml.html 

js/ 
    |__jobs.js

그런 다음 자바 스크립트에 상대 경로를 변경 : 당신은() 함수 호출 누락처럼

<script type="text/javascript" src="../js/jobs.js"></script>

출처

2014-10-01 11:44:16 Victor

보인다. 아래의 수정 된 코드를 참조하여 파이어 폭스에서 신속하게 테스트 해 보았습니다. 외부 링크가 잘 보입니다.

window.onload = function() { alert("Working"); 
};

출처

2014-10-01 11:46:27 jasonh

HTML - 외부 Javascript 파일 연결하기

답변

관련 문제