HTML 文件在浏览器中不起作用答案

【问题标题】：HTML file not working in BrowserHTML 文件在浏览器中不起作用
【发布时间】：2013-07-01 06:15:17
【问题描述】：

我用 HTML、JavaScript、CSS 创建了一个简单的 - HelloWorld.html 网页。当我从 Eclipse IDE 运行它时，它可以在浏览器上完美运行。

What it does is like: the page has 5 buttons, 
and hellow World is displayed from 5 different <div>'s  
that remains hidden and appears as inline after button click.

当我导航到工作区并尝试在浏览器中手动打开 HelloWorld.html 文件时，没有任何反应。

在外部 css 文件中声明的所有属性：位置和 bgcolors 等对浏览器没有影响。

我知道这听起来很愚蠢，但我只是为此痛恨自己。有谁知道它为什么会这样？

PS： 1. 我的文件中没有服务器端脚本。 2. HTML、JS、CSS是不同的文件。

【问题讨论】：

能否提供完整的代码？？？

标签： javascript html css webpage

【解决方案1】：

我最好的猜测是您正在尝试使用具有真实路径的 css 文件，当您不像 eclipse IDE 那样临时托管它时，该路径会发生变化。

首先，打开开发工具栏 (f12) 并检查网络选项卡以查看是否正在加载 css 文件。

尝试使用绝对路径，看看它是否会改变任何东西。

【讨论】：

考虑到您没有粘贴任何代码，这是最好的答案
@loxxy~ 完成。它适用于绝对路径。但我不能在这里保留/使用绝对路径。我之前使用的是：<script src="../HelloWorld.js"></script> & <link rel="stylesheet" type="text/css" href="../index.css" />。 ../filename 有什么替代品吗？
@iKishore 无法确认，但我相信 HTML 页面将只能访问子目录而不是父目录（您试图通过 .. 访问）。
@loxxy 现在我使用了<script src="HelloWorld.js"></script> 和<link rel="stylesheet" type="text/css" href="index.css" />。它完美地工作。谢谢你的帮助。 :)

【解决方案2】：

在我的经验中。这种问题我见过很多次，eclipse的内置浏览器有时不支持所有功能，特别是当你做喜欢设计的时候。您可以使用 MS-IE 6 或更高版本。或者您可以尝试其他一些浏览器，例如：- Mozilla、Chrome 等。因为它为开发人员提供了脚本、div、css 等功能。所以你可以和他们核实一下。

谢谢，阿文德

【讨论】：

试用过 Safari、Chrome、IE9、Mozilla、Opera（所有新版本）。都失败了。谢谢。
在正确检查我的代码后发布了这个问题！得到了我的答案。刷新页面！