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的本地页面时,会弹出一个警告栏,上面写着“活动控制”