1

Javascript を使用した Web ページがあり、開発中は問題なく表示されています。私は Mac の Coda で開発しています。Chrome で表示および使用するためのものです。私の職場には PC があり、今日は Kompozer を使用して Web ページの本文に小さな変更を加えました。ファイルは以前は正常に表示されていましたが、Kompozer に保存した後、javascript コード自体が表示されました。そこで、元のファイルに戻り、変更せずに Kompozer に保存しました。問題なくレンダリングされます。ページの本文の小さなテキストに 1 つの小さな変更を加えて保存すると、同じ問題が発生します。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>下に子供としてのmy がありました。<body>

これを修正するには、これを CSS に追加します。

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

問題に対するさまざまなツールの効果についてはよくわかりませんが、before.rtf に終了スクリプト タグがないことに気付きました。この不在により、JavaScript が実行されずに表示される可能性があります。

于 2012-09-06T02:31:11.233 に答える