2013-04-30 3 views
5

Я пытаюсь построить HTML строку следующим образом:конкатенации с помощью JavaScript

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

Мне нужно динамически добавлять строки изображения, но он показывает:

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

Почему вы используете '' теги? – Blender

+0

Что вы подразумеваете под изображением? Это элемент 'img'? –

ответ

4

Вы повторно установив переменную на этой последней строке:

htmlString = '</html>'; 

Добавить +, и он будет работы:

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

Кроме того, почему здесь есть <html> теги?

+0

Я создаю webview для титана – vishnu

0
var htmlString = '<html>'; 

htmlString += '</hmtl>'; 
0

Вы еще не определили htmlString как переменную, прежде чем приступить к ее использованию:

var htmlString = '<html>'; 
0

вы всегда должны использовать var.

Не используя вар имеет два основных недостатка:

  • Доступ к переменной внутри функции, которая не определена в , что функция будет вызывать интерпретатор для поиска областей видимости для переменной с этим именем до либо он найдет один, либо получит глобальный объект (доступный в браузерах через окно), где будет создать объект. Это глобальное свойство теперь доступно во всем мире, потенциально вызывает путаницу и трудно обнаруживает ошибки;
  • Доступ к необъявленной переменной приведет к ошибке в строгом режиме ECMAScript 5 .

Working Perfectly here и в последней строке следует использовать +=:

htmlString += '</html>'; 
0

Try:

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

использование ниже кода

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

"HTMLString" будет содержать ниже выхода

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

думаю, что это поможет.

Смежные вопросы