1

私は先生のウェブサイトを作っていますが、後で追加したくなる可能性があるので、すべてのページに表示されるリンクをJavascriptで記述して、すべてのページをすばやく変更できるようにすることにしました。

HTMLコードには、外部参照用に次のものがあります。

<script type="text/javascript" language="javascript" src="links.js"></script>

Javascriptは次のようになります。

document.write(<div id="wrapper">
<div id="header">
<ul>
<li><a href="home.html">Home </a></li>
<li><a href="catering-home.html">Catering </a></li>
<li><a href="prostart-home.html">ProStart </a></li>
<li><a href="recipes.html">Recipes</a></li>
</ul>
</div>
</div>)

これはFirefoxに完全に読み込まれますが、javascriptで記述されたページの一部はIEに読み込まれません。コードの記述方法ですか、それともIEがコードをロードできないようにしている参照ですか？

4

4 に答える 4

2

このように引用符が必要になります。

document.write('<div id="wrapper">'+
'<div id="header">'+
'<ul>'+
'<li><a href="home.html">Home </a></li>' +
'<li><a href="catering-home.html">Catering </a></li>' +
'<li><a href="prostart-home.html">ProStart </a></li>' +
'<li><a href="recipes.html">Recipes</a></li>' +
'</ul>' +
'</div>' +
'</div>');

ただし、HTMLファイルに出力されただけの場合は、はるかにクリーンになります。Javascriptが教師の管理下にある外部ドメインからのものである場合、それがこの方法で行う理由の1つだと思います。

于 2009-11-02T17:16:26.500 に答える
1

引用符が正しくエスケープされていません。このようにしてみてください：

document.write("<div id=\"wrapper\"><div id=\"header\"><ul><li><a href=\"home.html\">Home </a></li><li><a href=\"catering-home.html\">Catering </a></li><li><a href=\"prostart-home.html\">ProStart </a></li><li><a href=\"recipes.html\">Recipes</a></li></ul></div></div>");
于 2009-11-02T17:14:38.493 に答える
1

リンクを別の HTML ファイルに配置し、すべてのページに含めます。すべての主要な Web サーバーがこれをサポートしています。例えば：

  • PHPがあれば、それは可能性があります<?php include('links.html'); ?>
  • あなたがApacheを持っているなら、それは可能性があります<!--#include virtual="/links.html" -->
于 2009-11-02T17:42:17.243 に答える
0

維持しているリンクの配列を作成することをお勧めします。そうすれば、次のような関数に配置できます。

var links=[
   ['home.html','Home'],
   ['catering-home.html','Catering'],
   ['prostart-home.html','Prostart'],
   ['recipes.html','Recipes']
  ];

document.write('<div id="wrapper">
<div id="header">;
 <ul>');
  var items=links.length;
  for(var i=0;i<items;i++){
    document.write('<li><a href="'+links[i][0]+'">'+links[i][1]+'</a></li>');
    }
document.write('</ul>
</div>
</div>');

これは、実際には、JavascriptよりもPHPのようなサーバー側のコードで意味があり、アプローチはほぼ同じです。このスタイルは、データベースからアイテムを読み取り、そのような機能でそれらを印刷するサイトを作成するための良いステップです。

于 2009-11-03T00:40:32.163 に答える