IE 中 Javascript 文件的外部引用

Question

我正在为一位老师开发一个网站， 由于她以后可能想添加更多内容，所以我决定将每个页面上出现的链接都用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 加载它？

Answer 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>');

但是，如果它只是在 HTML 文件中输出，那么它会干净得多。我想如果 Javascript 来自老师控制下的外部域，这就是这样做的原因之一。

Answer 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>");

Answer 3

将链接放在单独的 HTML 文件中并将其包含在所有页面上。所有主要的网络服务器都支持这一点。例如：

• 如果您有 PHP，则可能是
• 如果您有 Apache，则可能是

Answer 4

我建议为您维护的链接创建数组，然后可以将其放入类似的函数中：

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>');

这在服务器端代码（如 PHP）中比 Javascript 更有意义，真的，并且方法大致相同。这种风格是朝着创建一个从数据库读取项目然后使用类似功能打印出来的网站迈出的良好一步。