Question

我有一个带有Javascript的网页，在我开发它的过程中一直很好。我一直用我的Mac上的Coda开发它;它旨在在Chrome中显示和使用。我的工作场所有个人电脑，今天我用Kompozer对网页的主体进行了一些小改动。该文件预先显示正常，但在我将其保存在Kompozer后，显示了javascript代码本身。所以我回到原始文件，在Kompozer中保存不变 - 它渲染得很好。我做了一个小的改动 - 只是在页面正文中的一小部分文本 - 保存它，我得到同样的问题。当我在电脑上使用SeaMonkey时也会发生同样的事情。

我无法发布整个HTML文件，因为有些信息是保密的。（我不想在HTML编辑器中编辑它，因为这可能会使问题更加复杂化。）

以下是显示ok：

的文件开头的HTML代码链接

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<!-- saved from url=(0079)file:///Users/ddddddd/Dropbox/CCC%20Sept%202012/CCC_schedule_09_03_10.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">


<title>CCC_TEST_Generic_2</title>



<style type="text/css">
.timeClass {
font-family:'Century Gothic';
font-weight:normal;
font-size:10pt;
}
.timeClass2 {
font-family:'Century Gothic';
font-weight:bold;
font-size:14pt;
color:red;
}
.tableX{
display: block;
font-family:'Century Gothic';
text-align: left;
table-layout:fixed;
border-collapse:collapse;
}
.tableXhidden{
display: none;
font-family:'Century Gothic';
text-align: left;
table-layout:fixed;
border-collapse:collapse;
}
.tdhidden{
display: none; }
.tdunhidden{
display: block; }
.TDBOLD{
font-weight:bold;
font-size:large;
border-collapse:collapse;
}
.redbuttonhidden
{ background-color:#FF4500;
display: none;
}
.redbuttonunhidden
{ background-color:#FF4500;
display: block;
}
.int {
font-family:'Century Gothic';
text-align: left;
border-collapse:collapse;
border-style:solid;
border-width:1px;
}
.inttd
{
padding:15px;
}
.interests_hidden{
display: none;
font-family:'Century Gothic';
text-align: left;
}
.interests_visible{
display: block;
font-family:'Century Gothic';
text-align: left;
}
.bookedhidden{font-family:'Century Gothic';
text-align: left;
table-layout:fixed;
border-collapse:collapse;
display: none;
background-color:Silver;
}
.bookedunhidden{font-family:'Century Gothic';
text-align: left;
table-layout:fixed;
border-collapse:collapse;
display: block;
background-color:#FAEBD7;
}
.templ_1 {
border:thin;
border-collapse:collapse;
font-family:'Century Gothic';
}
.admincontrols{
margin-left:150px;
}
#templateDIV{
margin-top:30px;
margin-bottom:30px;
margin-right:50px;
margin-left:50px;
}
.crossref{ display: none; }
.hidden{ display: none; }
.unhidden{ display: block; }
.ptinfo_noview{ display: none; }
.ptinfo_view{ display: block; }
.samplenoview{ display: none; }
.break { page-break-before: always; }
p.apptcardheader{
font-size:large;
text-align:left;
}
.bigbold {
font-size:large;
text-aligh:center;
}
#whyreferred{
font-family:'Century Gothic';
font-size:small;
text-align: left;
}
@media print {
body{font-family:'Century Gothic';}
.tableX{
display: block;
font-family:'Century Gothic';
text-align: left;
table-layout:fixed;
border-collapse:collapse;
}
.TDBOLD{
font-weight:bold;
font-size:large;
border-collapse:collapse;
}
p.apptcardheader{
font-size:large;
text-align:left;
}
.noprint {display:none;}
.printme {display:block;}
}
@media screen {.noscreen {display: none;}}
</style>

<script type="text/javascript">
if (localStorage.CCC=="busy")
{ window.location="CCCbusy.html";}
else {localStorage.CCC="busy"; }
var docarray=new Array();
var time_expired=0;
var CSSwritten=0;
docarray[0]="ccccccc";
docarray[1]="cccccccc";

当我在文本（而不是HTML）中进行更改时，这就是“渲染”页面在浏览器窗口中的开始状态。

if (localStorage.CCC=="busy") { window.location="CCCbusy.html";} else {localStorage.CCC="busy"; } var docarray=new Array(); var time_expired=0; var CSSwritten=0; docarray[0]=

Answer 1

我不确定您的各种工具对您的问题的影响，但我注意到在before.rtf中您缺少一个结束脚本标记。这种缺席可能会导致javascript显示而不是执行。

Answer 2

我遇到了这个问题，最终成了我的CSS。我有这样的事情：

html, body, body>* {
    display:block;
    margin:0;
    padding:0;
}

在我的HTML中，我在<script>下的<body>小时候会遇到上述选择器。

解决这个问题的方法是在我的CSS中添加：

script {display:none;}

Answer 3

你可以尝试将你的javascript放在这个结构中：

<script type="text/javascript">
<!--
.....javascript here.....
-->
</script>

浏览器显示javascript代码而不是呈现页面

3 个答案: