HTML / JavaScript没有在空白的Chrome页面上运行?

时间:2015-02-26 02:40:46

标签: javascript html

好的我是html的初学者。我正在研究一个项目,stacksoverflow有JavaScript和HTML的代码。这是链接:Having trouble changing color by pressing left or right button

我必须在记事本++中做到这一点。所以我制作了一个HTML文件,并在notepad ++中复制并粘贴了更正的代码。但我无法在浏览器上打开它。我正在使用chrome和其他HTML项目正在运行除此之外。浏览器是空白的,就像代码有问题一样。但图形运行在"运行代码片段"当我将HTML和js放在一个文件中时它也可以工作。但我必须在一个文件夹中的2个单独的文件中。我是初学者,请帮忙!

这是我的html和js。立即提交

https://www.dropbox.com/sh/sfmoix7c1llz4j6/AADu4XZP_pHgynCarGUbTwdEa?dl=0

2 个答案:

答案 0 :(得分:1)

你可能做错了。如果您有一个单独的html和javascript文件,这是一个如何使用它的示例。

**这假设你的html文件是'theHtml.html'而你的JavaScript文件是'theJS.js'**文件扩展很重要!!!!

<强> theHtml.html

<!DOCTYPE Html />
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript" src="theJS.js"></script>
    </body>
</html>

<强> theJS.js

alert("Hello, World");

此外,请确保两个文件都存在于同一目录中(例如,桌面上名为“我的网站”的文件夹)

答案 1 :(得分:0)

与我们分享您的HTML和JS,以便我们更清楚地看到问题。

在HTML文件中,您是否包含指向JS文件的标记? 它的结构将是这样的:

<html>
    <head>
        <script src="thepathtomyjsfile.js"></script>
        //Some html stuff...
    </head>
</html>

还要确保有一些函数或事件监听器来调用你的第一个函数。