使用document.write（）在頁面上顯示圖像

我想在document.write（）的javascript文件中發佈圖像。問題是，當我嘗試它時，圖像總是出現斷裂。這是代碼。我是否寫錯了標籤？我已經在非javascript頁面上測試過這些圖片，並且它們看起來很好。使用document.write（）在頁面上顯示圖像

var replay = "yes"; 
var userChoice = prompt("Do you choose rock, paper or scissors?"); 
userChoice = userChoice.toLowerCase(); 
var computerChoice = Math.random(); 
if (computerChoice < 0.34) { 
    computerChoice = "rock"; 
} else if (computerChoice <= 0.67) { 
    computerChoice = "paper"; 
} else { 
    computerChoice = "scissors"; 
} 
var compare = function (choice1, choice2) { 
    if (choice1 === choice2) { 
     document.write("The result is a tie!"); 
    } 
    if (choice1 === "rock") { 
     if (choice2 === "scissors") { 
      document.write('<img src="images\orna.jpg\">'); 
     } else { 
      document.write("Computer chose paper. Computer wins."); 
     } 
    } 
    if (choice1 === "paper") { 
     if (choice2 === "scissors") { 
      document.write("Computer chose scissors. Computer wins."); 
     } else { 
      document.write("Computer chose rock. Player wins."); 
     } 
    } 
    if (choice1 === "scissors") { 
     if (choice2 === "paper") { 
      document.write("Computer chose paper. Player wins."); 
     } else { 
      document.write("Computer chose scissors. Computer wins."); 
     } 
    } 
}; 
compare(userChoice, computerChoice);

來源

2013-12-16 user3068063

什麼將一個完整的URL到您的一些圖片是什麼？ example.com/??? < - 應該怎樣？是？ – Endophage

圖像位於我的閃存驅動器上的文件夾中。我的html文件比它高一級。所以一個例子就是images \ rock.jpg – user3068063

document.write（「」）; – way2vin

您幾乎可以獲得它，我認爲您只需用斜線替換反斜槓即可：'<img src="images/orna.jpg">'。這裏是一個演示（點擊「運行」直到贏）：http://jsfiddle.net/wared/d9wVC/。

來源

2013-12-16 23:28:45 leaf

我將如何去使用一個變量來輸入圖像路徑？例如，對於決勝盤，我需要使用這些變量才能看到哪個圖像用於打結。會不會像''' – user3068063

差不多:)'''' – leaf

啊，我現在看到了。謝謝。 – user3068063

請勿使用document.write()。這是有害的。相反，你需要做的是創建一個<div></div>並追加的東西。

無論如何，你的東西不能正常工作的原因，你已經轉移了\ s。例如，如果您有<img src="images\orna.jpg\">，則\將充當轉義字符，並且會被忽略。你的字符串''評估爲'<img src="imagesorna.jpg">'，這絕對不是你想要的。確保文件路徑是正確的，如果是這樣，你需要將其更改爲

'<img src="images\\orna.jpg\\">'

在任何情況下，創建一個div，然後使用jQuery或純JavaScript，追加要素給他們。您可以通過訪問其innerHTML或使用.append() jQuery方法執行此操作

來源

2013-12-16 23:25:04 scrblnrd3

我同意scrblndr3 document.write是壞的。做一些閱讀。

爲了幫助你理解錯誤，下面是一些解釋。

首先，「\」是Windows特定的文件路徑段定界符。瀏覽器和任何基於unix的使用「/」來劃定路徑的段。其次，在你的路徑字符串中，你逃避了最後一個雙引號，因爲你的字符串是用單引號包起來的，這是不必要的，並且是斷裂的。正確的命令是：

document.write('<img src="images/orna.jpg">');

，或者如果你的字符串是雙引號，你將不得不逃離內部雙引號，如：

document.write("<img src=\"images/orna.jpg\">");

來源

2013-12-16 23:39:39 Endophage

使用document.write（）在頁面上顯示圖像

回答

相關問題