Javascript - sử dụng innerHTML cho chuỗi đầu ra * KHÔNG * Ký tự đặc biệt được mã hóa HTML?

Question

Dường như JavaScript tự động chuyển đổi các ký tự đặc biệt nhất định thành các thực thể HTML khi xuất nội dung thông qua hàm innerHTML(). Đây là một vấn đề, vì tôi cần có khả năng xuất ra < và> mà không cần chuyển đổi thành gt; và lt;

Chuyển đổi tự động này có thể được ngăn chặn, đảo ngược hoặc bị thoát không? Cho đến nay, bất kể tôi làm gì, < và> luôn tự động được mã hóa thành các thực thể HTML.

Ví dụ mã:

function DisplayQueries() { 
    var IDs = ['AllOpenedINC','AllOpenedCRQ','AllClosedINC','AllClosedCRQ','SameDayINC','SameDayCRQ','NotSameDayINC','NotSameDayCRQ', 
     'StillOpenINC','StillOpenCRQ','OpenOldINC','OpenOldCRQ','OtherQueuesINC','OtherQueuesCRQ'] 

    for (var i = 0; i < IDs.length; i++) { 
     if (eval(IDs[i])) 
      document.getElementById(IDs[i]).innerHTML = eval(IDs[i]); 
    } 
} 

Ví dụ truy vấn biến:

AllOpenedINC = "('Company*+' = \"test\" OR 'Summary*' = \"%test%\") AND ('Submit Date' >= \"" + theDate + 
    " 12:00:00 AM\" AND 'Submit Date' <= \"" + theDate + " 11:59:59 PM\")" + nameINC; 

Answer 1

Tôi đã tìm hiểu điều gì đang diễn ra. Không có cách nào dễ dàng để ngăn chặn innerHTML chuyển đổi các ký tự đặc biệt sang các thực thể HTML, nhưng vì vấn đề đã xuất hiện khi sao chép nội dung của một DIV vào clipboard (sử dụng JS chỉ có IE, hoạt động vì nó nằm trong môi trường chính phủ nơi mọi người đều có để sử dụng IE), tôi chỉ sử dụng hàm replace() để chuyển đổi các thực thể HTML trở lại thành < và>.

Answer 2

Tôi nghĩ rằng câu hỏi của bạn được dựa trên một giả thuyết sai lầm. Chỉ cần thực hiện một thử nghiệm rất đơn giản:

document.getElementById("testdiv").innerHTML = '<h1><em>Hello</em></h1>'; 

nếu điều này hoạt động tốt thì vấn đề không nằm ở phía JS, thay vào đó bạn sử dụng một số thành phần khác trong hệ thống mã hóa HTML ký tự của bạn.

Answer 3

Bạn nên tập trung vào những gì bạn muốn đạt được kết quả, thay vì cách thực hiện. innerHTML() không mã hóa, innerText() và textContent() cũng mã hóa. Vì vậy, bạn nên giải mã các chuỗi của bạn nếu bạn muốn chúng như < hoặc> trở lại.

Bạn có thể sử dụng chức năng unescapeHTML() này để nhận kết quả như bạn muốn.

function unescapeHTML() { 
    return this.stripTags().replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&'); 
    } 

Tôi hy vọng điều này sẽ hữu ích. Tôi đã sao chép nó từ Prototype.

Answer 4

Bạn có thể sử dụng jquery và .append()