Браузеры ошибка на document.write

Question

У меня есть несколько виджетов, как этот

var c2409 = "<div class="products">PRODUCT1 PRODUCT2 PRODUCT4 ...</div>"; 
document.write(c2409) 

И я называю это

<script src="website/getjswidget.aspx?cid=xxxx-xxxx-xxx-xxxx"></script> 

Теперь выглядит как-то после того, как очистить кэш, это заменить все в моем HTML и Я получаю пустую страницу только с этим div из моего виджета. Любые другие решения для замены document.write?

Answer 1

Это по дизайну.

Метод write() в основном используется для тестирования: если он используется после полной загрузки документа HTML, он удалит весь существующий HTML.

Source

Если вы хотите добавить данные на веб-страницу, используйте:

document.body.innerHTML += 'your HTML code to add' 

Edit: Если вы хотите, чтобы показать это в той или иной элемент, вы можете сделать что-то подобное :

<!-- HTML element --> 
<div id="myData"></div> 

<!- Javascript code --> 
document.getElementById('myData').innerHTML += 'your HTML' 

Edit 2 (После некоторого поиска): Вы можете получить текущий элемент сценария с помощью document.currentScript, а затем, возможно, используйте Node.insertBefore, чтобы создать div прямо перед этим тегом скрипта, чтобы поместить ваши данные.

Редактировать 3: Видимо document.currentScript не работает в IE. Но может помочь this answer.