Dojo实现Tabs页报错(一)

前端之家收集整理的这篇文章主要介绍了Dojo实现Tabs页报错(一)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、在用Dojo写tab页的过程中出现了一些错误

dojo源码如下:

<%-- 
    Document   : grid
    Created on : 2013-12-15,18:05:47
    Author     : YouHaidong
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>dojo实现Tab页</title>

        <link id="themeStyles" rel="stylesheet" href="../../script/dojoroot/dijit/themes/claro/claro.css"/>

        <!-- required: dojo.js -->
        <script type="text/javascript" src="../script/dojoroot/dojo/dojo.js"
        data-dojo-config="isDebug: true,parSEOnLoad: true"></script>

        <!-- only needed for alternate theme testing: do NOT use in your code! -->
        <script type="text/javascript" src="../_testCommon.js"></script>

        <script type="text/javascript">
            dojo.require("dijit.dijit"); // optimize: load dijit layer
            dojo.require("dijit.layout.ContentPane");
            dojo.require("dijit.layout.TabContainer");
        </script>
    </head>
    <body class="claro">
        <div id="mainTabContainer" data-dojo-type="dijit/layout/TabContainer" data-dojo-props='style:"width: 400px;height: 20em;"'>
            <div id="tab1" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='title:"学生"'>
                学生
            </div>
            <div id="tab2" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='title:"教师"'>
                教师
            </div>
            <div id="tab3" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='title:"课程"'>
                课程
            </div>
        </div>
    </body>
</html>

2、启动服务器,页面显示如下


3、火狐浏览器FireBug调试“控制台->错误”出现错误

4、网络中的所有出现以下红色的标记

猜你在找的Dojo相关文章