2013-04-30 18 views
5

Sto cercando di costruire una stringa HTML nel seguente modo:concatenazione di stringhe utilizzando JavaScript

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

ho bisogno di aggiungere dinamicamente una stringa di un'immagine, ma mostra:

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

Perché stai usando '' tag? – Blender

+0

Che cosa intendi esattamente per stringa di immagini? È l'elemento 'img'? –

risposta

4

Stai re-impostare la variabile su quest'ultima linea:

htmlString = '</html>'; 

Aggiungi un + e sarà lavoro:

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

Inoltre, perché ci sono i tag <html> qui?

+0

sto costruendo webview per il titanio – vishnu

0
var htmlString = '<html>'; 

htmlString += '</hmtl>'; 
0

Non hai definito htmlString come variabile prima di usarlo:

var htmlString = '<html>'; 
0

si dovrebbe sempre usare var.

Non usando var ha due grossi inconvenienti:

  • Accesso a una variabile all'interno di una funzione non definita all'interno che funzionano causerà l'interprete per cercare la catena portata per una variabile con quel nome fino o trova uno o arriva a l'oggetto globale (accessibile nei browser tramite finestra) dove sarà creare una proprietà. Questa proprietà globale è ora disponibile ovunque, causando potenzialmente confusione e bug difficili da rilevare;
  • L'accesso a una variabile non dichiarata causerà un errore nella modalità rigorosa ECMAScript 5 .

Working Perfectly here e in ultima linea si dovrebbe usare +=:

htmlString += '</html>'; 
0

Prova:

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

uso sottostante Codice

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

"htmlString" conterrà sotto uscita

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

pensano che vi aiuterà.