2016-01-03 25 views
-1

這是我的document.write函數不起作用。請告訴我並幫助解決問題。我想將這個「document.write」放在一個.js文件中,並將其包含在我的所有html頁面中。但起初「document.write」不起作用。 :(感謝爲什麼我的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>"); 
+1

您需要先將html右對齊,而不是指出應該在哪裏,例如,第1行'img src = allpages.png'需要'img src ='allpages.png'' – Billy

+0

@比利 - 不,不。 'src = allpages.png'很好 - 你不需要引號。但'style = width:80%;'需要''style ='width:80%;''否則空格會過早終止屬性值。 – Alohci

+0

@Alohci,你是對的。我確實知道沒有空格或字符沒問題,我只是抓住了我看到的第一個attr,我的錯誤。 – Billy

回答

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

先生它仍然無法正常工作 –

+0

在'

0

避免按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>"); 
+0

它的工作原理,但你真的想要嗎?假設您想要編輯其中一個選項... –

0

問題本身的事實,串只能是單線條造成的。因此,這是有效:

var syntaxErrorString = "test 
test"; 

周圍有這樣三種方式:

  1. 級聯:

    var concatenatedString = "test\n" + 
    "test"; 
    
  2. 轉義:

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

    var condensedString = "test\ntest"; 
    

我建議用 「以上都不是」 去。使用一些服務器端語言(如PHP),將HTML塊定義爲navigation.html,然後在需要時編寫<?php include "navigation.html"; ?>要容易得多。好多了。

相關問題