网站中的 Javascript答案

【问题标题】：Javascript in a website网站中的 Javascript
【发布时间】：2011-03-17 02:11:08
【问题描述】：

这是一个基本问题，但谷歌没有提供任何帮助。

我有一个网站，可以在上面运行 javascript。

在我的目录中，我有 index.html 和 index.css。对于 javascript 文件，我假设它应该被称为 index.js。

在我的 index.js 文件中，我有这个：

var countTime = 0; // Number of seconds
var redirectURL = "http://example.com"; // URL to direct to

countTime = (countTime+1)*1000;
function updateCount(){
    countTime = countTime-1000;
    if(document.getElementById("countdownDisplay"))
        document.getElementById("countdownDisplay").innerHTML = (countTime/1000);

    if(countTime <= 0)
        location.href = redirectURL;
    else
        setTimeout("updateCount()",1000);
}

updateCount();

但是，当我使用浏览器访问该页面时，它不起作用。我是否必须在我的 html 文件中做一些事情，比如 include index.js 之类的？

【问题讨论】：

仅供参考，您可以随意命名这些文件。将 HTML 文件命名为 index.html 将使其成为该目录的默认页面，但您的 CSS 和 JS 文件的名称仅对您有意义。我建议使用更多有意义的名称，这样更容易分辨哪个文件包含什么代码。随着您的网站变得越来越复杂，这一点变得越来越重要。

标签： javascript web

【解决方案1】：

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

应该输入你的<head>。

这将为您加载脚本，然后执行代码。

你还需要类似的东西

<div id="countdownDisplay"></div> 在您的<body> 中进行倒计时。

虽然我在做，但你可能想要一个

<style src="index.css" type="text/css"></style> 在你的<head> 中，如果你还没有的话。

【讨论】：

那么我什至有一个 js 文件还是我真的把它放在 HTML 中？
@KevinDuke 保留您的 js 文件。你只需要在你的 HTML 文件中包含一个带有 src 的脚本标签和你的文件位置。
谢谢，我现在完全明白了！

【解决方案2】：

是的，您需要将其包含在 HTML 文件中。这里有一些instructions。

【讨论】：

【解决方案3】：

基本上在尝试编写一些 html 时，您可以在 google 上搜索如何编写代码，也可以搜索提供您想要执行的操作并查看其源代码的页面。这种方式谷歌会帮助你，因为谷歌使用 javascript。

此外，请检查您的总验证器。它是一个非常有用的用于高级 html 验证的 firefox 插件。它支持比 w3c 验证器更好的评估。

【讨论】：