JavaScript和XHTML严格代码的问题

JavaScript和XHTML严格代码的问题,javascript,xhtml,xhtml-1.0-strict,Javascript,Xhtml,Xhtml 1.0 Strict,我对满足XHTML对课堂作业的严格要求有异议。类分配要求使用java脚本生成表,但只有数组可以在外部javascript文件中使用。在尝试满足XHTML Scrict需求时,这会导致一些问题。我违反的“规则”如下: 第147行第38列:文档类型此处不允许元素“script” script type=“text/javascript” 在不允许的上下文中找到了上面命名的元素。这可能意味着您有不正确的嵌套元素,例如“body”部分中的“style”元素而不是“head”内部的元素,或者两个元素重叠(

我对满足XHTML对课堂作业的严格要求有异议。类分配要求使用java脚本生成表,但只有数组可以在外部javascript文件中使用。在尝试满足XHTML Scrict需求时,这会导致一些问题。我违反的“规则”如下:

第147行第38列:文档类型此处不允许元素“script”

script type=“text/javascript”

在不允许的上下文中找到了上面命名的元素。这可能意味着您有不正确的嵌套元素,例如“body”部分中的“style”元素而不是“head”内部的元素,或者两个元素重叠(这是不允许的)

此错误的一个常见原因是在HTML文档中使用XHTML语法。由于HTML的隐式封闭元素规则,此错误可能会产生级联效果。例如,在HTML文档的“head”部分中使用XHTML的“self-closing”标记表示“meta”和“link”,可能会导致解析器推断“head”部分的结尾和“body”部分的开头(其中不允许使用“link”和“meta”;因此报告了错误)

生成此错误的行是:

<script type="text/javascript">
    <!--
    for(var i=0; i<5;i++){
        document.write('<tr><td class="classes">');
        document.write(classArray[i]);
        document.write('</td></tr>');
    }
    -->
</script>

问题是此代码位于“body”标记中。我不确定如何复制此代码以将其放在头部,同时在页面上我想要的位置生成一个表。任何帮助都将不胜感激。我真的不太了解XHTML Strict或Javascript,这只是为期3周的课程模块的一部分,我所有的经验都来自于讲座/阅读

完整代码,可疑点位于底部:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Career Goals</title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <style type="text/css">
            body
                {
                    background-image:url('./images/marbleBG.jpg');
                    background-repeat:no-repeat;
                    background-position:right top;
                    background-size: 100% , 100%;
                    margin-top:5%;
                    margin-bottom:5%;
                    font-family: sarif;
                    text-align: center;
                    font-size: 18px;
                }
            table.main
                {
                    margin-left: auto;
                    margin-right:auto;
                    height: auto;
                    width: 65%;
                    border: 0px solid black;
                }
            table.classes
                {
                    margin-left: 15%;
                    margin-right:auto;
                    height: 100%;
                    width: auto;
                    text-align : left;
                    border-collapse: collapse;

                }
            td.classes
                {
                    text-indent : 25px;
                    border: 1px solid;
                    padding: .3em;
                }
            th.classes
                {
                    padding: .3em;
                    border: 1px solid;
                }
            table.centered
                {
                    margin-left: 15%;
                    margin-right: auto;
                    border: 0px solid black;
                }
            h1.title
                {
                    text-align: center;
                    padding-bottom:25px;
                }
            p.left
                {
                    text-align: left;
                    font-size: 16px;
                    text-indent: 25px;
                }

            li
                {
                    text-align: left;
                }
        </style>
    </head>

    <body>
        <script type="text/javascript" src="myarray.js" ></script>
        <script type="text/javascript" src="mycookie.js" ></script>

        <table class="main">
            <tr>
                <td>
                    <h1 class="title"> Career Goals </h1>

                    <p class="left">
                        My goals when I complete my computer science degree with Arizona State University will include 
                        joining a corporation where I can improve my technical skills and assist in the growth of said company. 
                        I would like to be a part of a team of programmers with common career interests where we can motivate each 
                        other to visibly show improvement as our careers progress.
                    </p>

                    <p class="left">
                        In my study with Arizona State University I have learned many popular programming languages. In my career I plan
                        on utilizing most, if not all, of the languages I know. The programing languages I know include:
                    </p>

                    <table class="centered">
                        <tr>
                            <td>
                                <ul>
                                    <li>Java</li>
                                    <li>C/C++</li>
                                    <li>Scala</li>
                                    <li>Java Scripting</li>
                                    <li>PERL Scripting</li>
                                    <li>Unix Scripting</li>
                                    <li>HTML/XHTML</li>
                                </ul>
                            </td>
                        </tr>
                    </table>

                    <p class="left">
                        With Arizona State Univeristy I did not just learn programming languages, I learned industry practicies. In my career
                        I expect to utilize msot of these techniques, as well as learn new practicies to improve the quality of software I
                        assist in creating. The techniques taught by Arizona State University include:
                    </p>
                    <table class="centered">
                        <tr>
                            <td>
                                <ul>
                                    <li>Extreme Programming</li>
                                    <li>Paired Programming</li>
                                    <li>Code Reviews</li>
                                    <li>Refacotring Sessions</li>
                                </ul>
                            </td>
                        </tr>
                    </table>



                </td>
            </tr>
            <tr>
                <td>

                    <p class="left"> At Arizona State University I have taken many classes to progress 
                    in my computer science degree. Some of the classes that I have taken that may assist in my career goals are:
                    </p>

                    <table class="classes">
                        <tr>
                            <th class="classes">
                                <b>Classes Taken for Computer Science Major</b>
                            </th>
                        </tr>
                            <script type="text/javascript">
                                <!--
                                for(var i=0; i<5;i++){
                                    document.write('<tr><td class="classes">');
                                    document.write(classArray[i]);
                                    document.write('</td></tr>');

                                }
                                -->
                            </script>
                    </table>

                </td>
            </tr>

            <tr>
                <td>
                    <p class="left">
                        More of my skills and goals can be found on my <a href="resume.html">resume</a>. If you feel my career goals would be a great addition
                        to your team you can contact me using my <a href="contact.html">contact form</a>.
                    </p>

                </td>
            </tr>
        </table>
         <p>
            <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
        </p>
    </body>
</html>

职业目标
身体
{
背景图片:url('./images/marbleBG.jpg');
背景重复:无重复;
背景位置:右上角;
背景大小:100%,100%;
利润率最高:5%;
利润底部:5%;
字体系列:沙利夫;
文本对齐:居中;
字号:18px;
}
表1.main
{
左边距:自动;
右边距:自动;
高度:自动;
宽度:65%;
边框:0px纯黑;
}
表1.1类别
{
左边距:15%;
右边距:自动;
身高:100%;
宽度:自动;
文本对齐:左对齐;
边界塌陷:塌陷;
}
td类
{
文本缩进:25px;
边框:1px实心;
填充:.3em;
}
第四类
{
填充:.3em;
边框:1px实心;
}
以表格为中心
{
左边距:15%;
右边距:自动;
边框:0px纯黑;
}
h1.标题
{
文本对齐:居中;
垫底:25px;
}
p、 左
{
文本对齐:左对齐;
字体大小:16px;
文本缩进:25px;
}
锂
{
文本对齐:左对齐;
}
职业目标

我在亚利桑那州立大学完成计算机科学学位的目标包括 加入一家公司,在那里我可以提高我的技术技能,并协助该公司的发展。 我想成为一个有共同职业兴趣的程序员团队的一员,在那里我们可以互相激励 随着我们事业的发展,其他方面也会有明显的进步。

在亚利桑那州立大学学习期间,我学习了许多流行的编程语言。在我的职业生涯中,我计划 利用我所知道的大多数语言(如果不是全部的话)。我知道的编程语言包括:

  • 爪哇
  • 信用证++
  • 斯卡拉
  • Java脚本
  • PERL脚本
  • Unix脚本
  • HTML/XHTML

在亚利桑那州立大学,我不仅学习编程语言,还学习了行业实践。在我的职业生涯中 我希望利用这些技术的msot,以及学习新的实践来提高软件I的质量 协助创建。亚利桑那州立大学教授的技术包括:

  • 极限编程
  • 成对编程
  • 代码审查