1

我有一个带有 Javascript 的网页，在我开发它的过程中一直显示良好。我一直在我的 Mac 上用 Coda 开发它；它旨在在 Chrome 中显示和使用。我的工作场所有个人电脑，我今天使用 Kompozer 对网页的正文进行了一些小改动。该文件事先显示良好，但在我将其保存在 Kompozer 中后，显示了 javascript 代码本身。所以我回到了原来的文件，在 Kompozer 中原封不动地保存了它——它渲染得很好。我做了一个小改动——只是页面正文中的一小部分文本——保存它，我遇到了同样的问题。当我在我的 PC 上使用 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]=
4

3 回答 3

2

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

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

在我的 HTML 中，我<script>小时候在 下<body>，这将符合上述选择器。

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

script {display:none;}
于 2016-03-17T21:30:34.443 回答
1

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

于 2012-09-06T02:31:11.233 回答
0

您可以尝试将您的 javascript 放入此构造中：

<script type="text/javascript">
<!--
.....javascript here.....
-->
</script>
于 2013-11-26T17:08:30.423 回答