JavaScript 304未修改问题

我在做一个简单的项目时遇到了问题。我正在尝试使用Raphael.js处理一些JavaScript、HTML5、SVG绘图。当我尝试加载嵌入JavaScript文件的HTML页面时，我的浏览器中会出现一个空白页面。我检查了Firebug和Chrome开发工具，我的脚本和HTML页面一直出现304未修改错误。

我在Mac OSX上使用MAMP在本地服务器上运行这个项目。

这是我的HTML:

<html>
    <head>
        <title>g.Raphael Practise</title>
        <script type="text/javascript" src="raphael-min.js"></script>
        <script type="text/javascript" src="g.pie-min.js"/></script>
        <script type="text/javascript" src="myscript.js"></script>
        <style type="text/css">
            #canvas-container {
                width: 500;
                border: 1px solid #aaa;
            }
        </style>
    </head>
    <body>
        <div id="canvas-container"></div>
    </body>

</html>

这是"myscript.js"的内容：

    window.onload = function() {
    var paper = new Raphael(document.getElementById("canvas-container"), 500, 500);
    paper.piechart(250, 250, 100, [55, 20, 13, 32, 5, 1, 2]);
}

来自g.raphaeljs:的文档

将raphael.js、g.raphael.js和g.line.js、g.bar.js、g.dot.js和g.pie.js中的任何（或全部）包含到HTML页面中

您当前的代码并没有真正显示一个空页面，但您必须包含gRaphaël基本脚本才能使其工作：

    <script type="text/javascript" src="raphael-min.js"></script>
    <script type="text/javascript" src="g.raphael-min.js"/></script>
    <script type="text/javascript" src="g.pie-min.js"/></script>
    <script type="text/javascript" src="myscript.js"></script>

相关内容

最新更新

热门标签：