Как HTML код конвертированный в JS отобразить на странице HTML?

Question

[Евгений Драган]

Здравствуйте! Хочу способом представленным ниже реализовать пункты меню, так как сайт многостраничный и меню присутствует на каждой странице, хочу уже продумать добавление новых пунктов меню сразу на все страницы без редактирования каждой.

Есть часть HTML кода конвертированного в JS:

function main_() {
document.write("<li>");
document.write("                        <a class=\"menu-item\" href=\"#\">");
document.write("                             <span class=\"m_name\">Пункт Меню</span></a>");
document.write("                        <ul class=\"ul-s\">");
document.write("                            <li class=\"li-s\"><a href=\"#\">1</a></li>");
document.write("                            <li class=\"li-s\"><a href=\"#\">2</a></li>");
document.write("                            <li class=\"li-s\"><a href=\"#\">3</a></li>");
document.write("                            <li class=\"li-s\"><a href=\"#\">4</a></li>");
document.write("                            </ul>");
document.write("                    </li>");
}

Как вставить JS в HTML, пробовал так:
<div onload="main_()"></div>

Подскажите, пожалуйста, буду рад вашей помощи.