为什么我的document.write不起作用

Question

这是我的document.write函数，它不起作用。请告诉我并帮助解决这些问题。我想把这个"document.write"放在一个.js文件中，并把它包含在我所有的html页面中。但一开始"document.write"不起作用（感谢

document.write("
<table><td><img src=allpages.png style=width: 80%;></img><br>
<select name='Archive' value='Archive'style=' background-color: black;
padding: 3px; margin: 0px; margin-top: 5px; border-radius: 10px;
box-shadow: 0px 3px 0px ‪#‎CCC‬, 0px -1px ‪#‎FFF‬ inset;
color: yellow; border: medium none;
outline: medium none; text-align: right;
display: inline-block; width: 80%;
cursor: pointer; '>
<option onclick=javascript:location.href=index.html><a href='#'>صفحہ اول</a></option>
<option onclick=javascript:location.href=2.html><a href='2.html'>دوسرا صفحہ</a></option>
<option onclick=javascript:location.href=3.html>تیسرا صفحہ</option>
<option onclick=javascript:location.href=4.html>چوتھا صفحہ</option>
</select></td>
<td><img src=allnewspapers.png style= 'width: 80%;'></img><br>
<select name=Archive value=Archive
style='background-color: black;
padding: 3px; margin: 0px; margin-top: 5px;
-moz-border-radius: 4px;
border-radius: 10px;
box-shadow: 0px 3px 0px #CCC, 0px -1px #FFF inset;
color: yellow; border: medium none;
outline: medium none; text-align: right;
display: inline-block; width: 80%;
cursor: pointer;'>
<option>جنوری 2015</option>
<option>فروری 2015</option>
</select></td></table>");

Answer 1

我想知道这是否是最好的方法。但是，如果使用时每行末尾都没有换行符，则代码可以正常工作。

document.write("<table><td><img src=allpages.png style=width: 80%;></img><br><select name='Archive' value='Archive'style=' background-color: black;padding: 3px; margin: 0px; margin-top: 5px; border-radius: 10px;box-shadow: 0px 3px 0px ‪#‎CCC‬, 0px -1px ‪#‎FFF‬ inset;color: yellow; border: medium none;outline: medium none; text-align: right;display: inline-block; width: 80%;cursor: pointer; '><option onclick=javascript:location.href=index.html><a href='#'>صفحہ اول</a></option><option onclick=javascript:location.href=2.html><a href='2.html'>دوسرا صفحہ</a></option><option onclick=javascript:location.href=3.html>تیسرا صفحہ</option><option onclick=javascript:location.href=4.html>چوتھا صفحہ</option></select></td><td><img src=allnewspapers.png style= 'width: 80%;'></img><br><select name=Archive value=Archivestyle='background-color: black;padding: 3px; margin: 0px; margin-top: 5px;-moz-border-radius: 4px;border-radius: 10px;box-shadow: 0px 3px 0px #CCC, 0px -1px #FFF inset;color: yellow; border: medium none;outline: medium none; text-align: right;display: inline-block; width: 80%;cursor: pointer;'><option>جنوری 2015</option><option>فروری 2015</option></select></td></table>");

Answer 2

在write函数内键入时避免按enter键。它有效！！！

document.write("<table><td><img src='allpages.png' style='width: 80%;'></img><br>    <select name='Archive' value='Archive'style=' background-color: black; padding: 3px; margin: 0px; margin-top: 5px; border-radius: 10px;    box-shadow: 0px 3px 0px #ccc,0px -1px ‪#‎FFF‬ inset;    color: yellow; border: medium none;    outline: medium none; text-align: right;    display: inline-block; width: 80%;    cursor: pointer;'>    <option onclick=javascript:location.href=index.html><a href='#'>صفحہ اول</a></option>  <option onclick=javascript:location.href=2.html><a href='2.html'>دوسرا صفحہ</a></option>    <option onclick=javascript:location.href=3.html>تیسرا صفحہ</option>    <option onclick=javascript:location.href=4.html>چوتھا صفحہ</option></select></td> <td><img src='allnewspapers.png' style= 'width: 80%;'></img><br>    <select name=Archive value=Archive    style='background-color: black;   padding: 3px; margin: 0px; margin-top: 5px;    -moz-border-radius: 4px;    border-radius: 10px;    box-shadow: 0px 3px 0px #CCC, 0px -1px #FFF inset;    color: yellow; border: medium none;    outline: medium none; text-align: right;    display: inline-block; width: 80%;    cursor: pointer;'>   <option>جنوری 2015</option>   <option>فروری 2015</option>  </select></td></table>");

Answer 3

问题本身是由字符串只允许在单行上这一事实引起的。所以这是无效的：

var syntaxErrorString = "test
test";

有三种方法可以解决这个问题：

1. 连接：

   var concatenatedString = "testn" +
   "test";
   

2. 逃离：

   var escapedString = "testn
   test";
   

3. 冷凝：

   var condensedString = "testntest";
   

我建议"以上都不要"。使用一些服务器端语言（如PHP），将HTML块定义为navigation.html，然后在需要时编写<?php include "navigation.html"; ?>，会容易得多。