2013-04-30 31 views
5

Tôi đang cố gắng để xây dựng một chuỗi HTML theo cách sau:nối chuỗi sử dụng javascript

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

tôi cần phải tự động nối thêm một chuỗi hình ảnh, nhưng nó cho thấy:

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

Tại sao bạn sử dụng thẻ ''? – Blender

+0

Chính xác bạn ngụ ý gì bởi chuỗi hình ảnh? Đó có phải là phần tử 'img' không? –

Trả lời

4

Bạn đang tái thiết lập các biến trên dòng cuối cùng này:

htmlString = '</html>'; 

Thêm một + và nó sẽ công việc:

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

Ngoài ra, tại sao có <html> thẻ ở đây?

+0

tôi đang xây dựng webview cho titan – vishnu

0
var htmlString = '<html>'; 

htmlString += '</hmtl>'; 
0

Bạn chưa xác định htmlString làm biến trước khi bạn bắt đầu sử dụng nó:

var htmlString = '<html>'; 
0

bạn nên luôn sử dụng var.

Không sử dụng var có hai nhược điểm chính:

  • Tiếp cận một biến trong một chức năng mà không được định nghĩa trong có chức năng sẽ làm cho thông dịch viên để tìm kiếm chuỗi phạm vi cho một biến với tên đó cho đến khi hoặc nó tìm thấy một hoặc nó được đối tượng toàn cầu (có thể truy cập trong trình duyệt qua cửa sổ), nơi nó sẽ tạo thuộc tính. Thuộc tính toàn cầu này hiện khả dụng ở mọi nơi, có khả năng gây ra sự nhầm lẫn và các lỗi khó phát hiện;
  • Truy cập biến chưa khai báo sẽ gây ra lỗi trong chế độ nghiêm ngặt ECMAScript 5 .

Working Perfectly here và ở dòng cuối cùng bạn nên sử dụng +=:

htmlString += '</html>'; 
0

Hãy thử:

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

sử dụng mã dưới đây

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

"htmlString" sẽ chứa bên dưới đầu ra

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

nghĩ rằng nó sẽ giúp bạn.

Các vấn đề liên quan