2017-07-19 115 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