2017-07-19 154 views
1

是否有一個原因,這不起作用?外部的Js文件未加載

<!DOCTYPE html> 
<html> 
    <head> 
    <script 

    <script 
     src="C:/Users/juniper/Documents/practiceCode/public/server/screen.js"> 
    </script> 
    </head> 
    <body> 
    <img src="blue.png" usemap="#map"> 
    <map name="map"> 
    <area shape="rect" coords="0,0,400,160" onclick="hideScreen()"> 
    </map> 
    <style> 
    img { 
    height: 100%; 
    width: 100%; 
    } 
    map { 
    position: absolute; 
    } 
    </style> 

這是screen.js

function hideScreen() { 
    alert("hitBackButton"); 
    } 

的一點是它會發出警報,當我按下了hotmap的部分,但是我認爲它不會因爲screen.js工作文件在此文件之後使用。所以它沒有及時加載。外部js文件可能是什麼問題?

+0

'src'是'script'的一個屬性:'

1

更改:

<script 
    <src="C:/Users/O77616/Documents/practiceCode/public/server/screen.js"> 
</script> 

要:

<script src="relativePathToFolder/screen.js"></script> 

而且,不要使用絕對文件系統路徑。使用相對路徑。

+0

對不起,我打錯了,它確實看起來像那樣,它不起作用 – juniperWhite

+0

@ JuniperWhite定義「不起作用」。你的開發者控制檯中有錯誤嗎? –

0

很確定你的網頁沒有意識到c:驅動器的位置,如果你想提供一個本地使用的文件只有它的file://c:/...,否則你必須穿上像apache,nginx等Web服務器。如果你想一個簡單的Web服務器,您可以從命令行啓動並指向一個目錄,您可以嘗試devd.io