javascript不在浏览器中生成,只是将代码打印到屏幕上

javascript不在浏览器中生成,只是将代码打印到屏幕上,javascript,Javascript,首先,我没有要求任何人做我的家庭作业。这样做的目的是编写一个简单的网页来熟悉javascript。它从名为“卡片”的文件夹中生成并显示随机卡片。我完成了那部分。然而,当我把它交给老师时,他给了我一张带有主题行“有什么想法吗?” 我已经在几台机器上测试过这个页面,它在每个浏览器上都能正常工作。我不知道为什么当他运行它时,它只是将代码打印到页面上。有什么想法吗?(我假设他会启用javascript,特别是因为我班上的每个人都在提交这个程序) 编辑:这是代码,抱歉,我包括了所有内容只是为了澄清任何问

首先,我没有要求任何人做我的家庭作业。这样做的目的是编写一个简单的网页来熟悉javascript。它从名为“卡片”的文件夹中生成并显示随机卡片。我完成了那部分。然而,当我把它交给老师时,他给了我一张带有主题行“有什么想法吗?”

我已经在几台机器上测试过这个页面,它在每个浏览器上都能正常工作。我不知道为什么当他运行它时,它只是将代码打印到页面上。有什么想法吗?(我假设他会启用javascript,特别是因为我班上的每个人都在提交这个程序)

编辑:这是代码,抱歉,我包括了所有内容只是为了澄清任何问题

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Aaron's Gamble Page!</title>

<style type="text/css">
* { padding: 0; margin: 0; }

body 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #48454C;
}
#wrapper 
{ 
 margin: 0 auto;
 width: 365px;
}
#header 
{
 color: #333;
 width: 365px;
 padding: 10px;
 margin: 10px 0px 0px 0px;
 background: #A29EA2;
}
#centercolumn 
{
 color: #333;
 padding: 10px;
 width: 365px;
 background: #DFE0DB;
}
#footer 
{ 
 width: 365px;
 clear: both;
 color: #333;
 background: #A29EA2;
 padding: 10px;
}
</style>

<script type="text/javascript" charset="utf-8">
// this page created by Aaron Albin
// creation date: October 17, 2009

var score = 0;

function generateCards()
{
    var i, randType, randSuite;
    var type = new Array("2", "3","4","5","6","7","8","9","t","j","q","k","a");
    var suite = new Array("c","d","s", "h");
    var cards = new Array(5);
    for (i = 0; i < cards.length; i++)
    {
        cards[i] = setRandomCard(type, suite, cards);
        document.write('<img src = "'+cards[i]+'">');
    }
}

function setRandomCard(type, suite, cards)
{
    var randType, randSuite;
    var filePath = "file://C:/cards/";
    var fileExt = ".gif";

    do
    {
        randType = Math.floor(Math.random() * type.length);
        randSuite = Math.floor(Math.random() * suite.length);
    }
    while(checkDuplicate(randType, randSuite, filePath, fileExt, type, suite, cards));

    addScore(type, randType);
    return filePath + type[randType] + suite[randSuite] + fileExt;
}

function checkDuplicate(randType, randSuite, filePath, fileExt, type, suite, cards)
{
    var j;
    for (j = 0; j < cards.length; j++)
    {
        if (cards[j] == filePath + type[randType] + suite[randSuite] + fileExt)
        {
            return true;
        }
    }
    return false;
}

function addScore(type, randType)
{
    switch(type[randType])
    {
        case "2":
            score += 2;
            break;
        case "3":
            score += 3;
            break;
        case "4":
            score += 4;
            break;
        case "5":
            score += 5;
            break;
        case "6":
            score += 6;
            break;
        case "7":
            score += 7;
            break;
        case "8":
            score += 8;
            break;
        case "9":
            score += 9;
            break;
        case "t":
            score += 10;
            break;
        case "j":
            score += 11;
            break;
        case "q":
            score += 12;
            break;
        case "k":
            score += 13;
            break;
        case "a":
            score += 1;
            break;
        default:
            score += 0;
    }
}
</script>

</head>

<body>
   <div id="wrapper">
         <div id="header"></div>
            <div id="centercolumn">
                <h2>Gamble!</h2>     
                <br />
                <p>Welcome to my gambling page.  You have drawn</p><br />
                <script type="text/javascript" charset="utf-8">generateCards();</script><br /><br />
                <p>The value of this hand is <script type="text/javascript" charset="utf-8">document.write(score);</script>.</p>
                <br />
            </div>
         <div id="footer"></div>
   </div>
</body>
</html>

亚伦的赌博页面!
*{填充:0;边距:0;}
身体
{
字体系列:Arial、Helvetica、无衬线字体;
字体大小:13px;
背景:#48454C;
}
#包装纸
{ 
保证金:0自动;
宽度:365px;
}
#标题
{
颜色:#333;
宽度:365px;
填充:10px;
保证金:10px 0px 0px 0px;
背景:#A29EA2;
}
#中心柱
{
颜色:#333;
填充:10px;
宽度:365px;
背景:#DFE0DB;
}
#页脚
{ 
宽度:365px;
明确:两者皆有;
颜色:#333;
背景:#A29EA2;
填充:10px;
}
//此页面由Aaron Albin创建
//创建日期:2009年10月17日
var得分=0;
函数generateCards()
{
var i、randType、randSuite;
变量类型=新数组(“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“t”、“j”、“q”、“k”、“a”);
var套件=新数组(“c”、“d”、“s”、“h”);
var卡=新阵列(5);
对于(i=0;i
欢迎来到我的赌博页面。您已经绘制了


generateCards()

这手牌的价值是文件。写(分数)



您确定您的代码列在权限标签中吗

<script type="text/javascript" charset="utf-8">
// your code goes here
</script>

//你的密码在这里

这是我可以生成的唯一原因

您确定您的代码列在权限标记中吗

<script type="text/javascript" charset="utf-8">
// your code goes here
</script>

//你的密码在这里

这是我可以将它命名为XHTML的唯一原因。在XHTML中,解析每个标记的内容。因此javascript中的<和>符号可以分解页面。(他们可以,这是我能看到的唯一错误的东西。)将javascript放入CDATA标记中。(请参阅)不幸的是,这不是每个浏览器都能正确解析的,因此您必须(javascript-)对其进行注释才能使其正常工作

<script type="text/javascript">
/* <![CDATA[ */
    // code goes here
/* ]]> */
</script>

/*  */

编辑:尝试一下,你会发现你的标记是无效的,问题出在哪里。添加CDATA标记可以解决问题,或者至少使代码有效。

您将其声明为XHTML。在XHTML中,解析每个标记的内容。因此javascript中的<和>符号可以分解页面。(他们可以,这是我能看到的唯一错误的东西。)将javascript放入CDATA标记中。(请参阅)不幸的是,这不是每个浏览器都能正确解析的,因此您必须(javascript-)对其进行注释才能使其正常工作

<script type="text/javascript">
/* <![CDATA[ */
    // code goes here
/* ]]> */
</script>

/*  */

编辑:尝试一下,你会发现你的标记是无效的,问题出在哪里。添加CDATA标记可以解决问题,或者至少使代码有效。

当您从IE中的磁盘加载包含javascript的本地页面时,会弹出一个警告栏,提示“活动内容已被禁用。单击此处可启用活动内容。”(或者类似的内容)。与老师核实他是否看到了该条,如果没有看到该条,则表明JS在浏览器中或通过其本地机器上的某种安全/反病毒被禁用。如果他确实看到了,请确保他单击以启用活动内容:)


从截图上很难看出是否存在某种错误,因为他巧妙地将状态栏中出现错误图标的窗口部分移出屏幕,但我可以看到他安装了Firefox,所以让他看看你的页面。

当你从IE中的磁盘加载一个包含javascript的本地页面时,会弹出一个警告栏,上面写着“活动控制”