2013-04-30 21 views
5

Próbuję zbudować ciąg HTML w następujący sposób:ciąg konkatenacji przy użyciu javascript

htmlString = '<html>'; 
var headerString = "image1"; 
var sImage = "Android_images/"+headerString+".png"; 
htmlString += '<img src='+sImage+' />'; 
htmlString = '</html>'; 

muszę dynamicznie dołączyć ciąg obrazu, ale to pokazuje:

<img src=Android_images/dfdfd.png /> 
+0

Dlaczego używasz znaczników ''? – Blender

+0

Co dokładnie masz na myśli przez ciąg znaków? Czy to element 'img'? –

Odpowiedz

4

Ty ponowne ustawienie zmiennej na tej ostatniej linii:

htmlString = '</html>'; 

Dodaj + i to będzie praca:

var htmlString = '<html>'; 
var headerString = "image1"; 
var sImage = "Android_images/" + headerString + ".png"; 
htmlString += '<img src="' + sImage + '" />'; 
htmlString += '</html>'; 

Ponadto, dlaczego istnieją tutaj tagi <html>?

+0

Buduję webview dla tytanu – vishnu

0
var htmlString = '<html>'; 

htmlString += '</hmtl>'; 
0

Nie zdefiniowałeś htmlString jako zmiennej przed rozpoczęciem użytkowania:

var htmlString = '<html>'; 
0

Powinieneś zawsze używać var.

Nie używając var ma dwie główne wady:

  • dostępu do zmiennej w funkcji, która nie jest zdefiniowana w że funkcja będzie powodować interpreter spojrzeć w górę łańcucha zakres dla zmiennej o tej nazwie, aż albo znajduje jeden, albo trafia do obiektu globalnego (dostępnego w przeglądarkach za pośrednictwem okna), gdzie będzie tworzył właściwość. Ta globalna właściwość jest teraz dostępna wszędzie, potencjalnie powodując zamieszanie i trudne do wykrycia błędy;
  • Uzyskanie dostępu do niezadeklarowanej zmiennej spowoduje błąd w trybie ścisłym ECMAScript 5 .

Working Perfectly here aw ostatnim wierszu należy użyć +=:

htmlString += '</html>'; 
0

Spróbuj:

var htmlString = '<html>'; 
var headerString = "image1"; 
var sImage = "Android_images/"+headerString+".png"; 
htmlString += '<img src="'+sImage+'" />'; 
htmlString += '</html>'; 
0

skorzystać z poniższego kodu

var htmlString = '<html>'; 
var headerString = "image1"; 
var sImage = "Android_images/"+headerString+".png"; 
htmlString += '<img src="'+sImage+'" />'; 
htmlString += '</html>'; 

"htmlString" będzie zawierać poniżej wyjścia

<html><img src="Android_images/image1.png" /></html> 

że będzie Ci pomóc.

Powiązane problemy