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

时间:2016-01-03 11:09:39

标签: javascript html css web document.write

这是我的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>");

3 个答案:

答案 0 :(得分:0)

我想知道这是否是最佳方式。但是,您的代码在使用时不会在每行的末尾没有换行符。

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

问题本身是由字符串仅允许在单行上引起的。所以这是无效的:

var syntaxErrorString = "test
test";

有三种方法:

  1. 级联:

    var concatenatedString = "test\n" +
    "test";
    
  2. 逃逸:

    var escapedString = "test\n\
    test";
    
  3. 冷凝:

    var condensedString = "test\ntest";
    
  4. 我建议不要使用以上所有&#34;。拥有一些服务器端语言(例如PHP)要容易得多,比如说navigation.html定义你的HTML块,然后只需要编写<?php include "navigation.html"; ?>。好多了。