当前位置 : 主页 > 网页制作 > Dojo >

Dojo实现Tabs页报错(一)

来源:互联网 收集:自由互联 发布时间:2021-06-15
1、在用Dojo写tab页的过程中出现了一些错误 dojo源码如下: %-- Document : grid Created on : 2013-12-15, 18:05:47 Author : YouHaidong--%%@page contentType="text/html" pageEncoding="UTF-8"%!DOCTYPE htmlhtml head meta http-eq

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、网络中的所有出现以下红色的标记

网友评论