我有一个基本问题,我可以在 JS 中包含 HTML 代码吗? (和document.write
)
这是我的 HTML 代码:
<li><a href="#" class="menulink">text</a></li>
<li><a href="#" class="menulink">text</a></li>
<li>
<a href="#" class="menulink">text</a>
<ul>
<li>
<a href="#" class="sub">text</a>
<ul>
<li class="topline"><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul>
</li>
<li>
<a href="#" class="sub">text</a>
<ul>
<li class="topline"><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul>
</li>
<li>
<a href="#" class="sub">text</a>
</li>
<li>
<a href="#" class="sub">text</a>
</li>
</ul>
</li>
<li>
<a href="#" class="menulink">text</a>
</li>
<li><a href="#" class="menulink">text</a></li>
我想将它包含在这段 JS 代码中:
window.onload = function () {
document.getElementById("menu").innerHTML="";
}
通过以下代码连接它:
<p id="dropdown_menu"></p>
我该怎么做?
完整的代码在这里 http://jsfiddle.net/tsnave/eSgWj/4/谢谢..
另一种方法是将 HTML 放入脚本标记中:
<script type="text/template" id="myHtml">
<li class="topline"><a href="#">some text</a></li>
<li><a href="#">some text </a></li>
<li><a href="#">some text</a></li>
<li><a href="#">some text</a></li>
<li><a href="#"some text</a></li>
<li><a href="#">some text</a></li>
<li><a href="#">some text</a></li>
</script>
然后你可以使用它进入Javascript
var myHtml = document.getElementById('myHtml').innerHTML;
或使用几个可以帮助您完成此任务的库之一。脚本标签内的代码type="text/template"
浏览器不会解释或显示。与将其直接放入 Javascript 中的字符串相比,这种方法的优点在于,它允许您在编辑器中继续将其视为普通 HTML,并且可以保持 Javascript 的干净。也可以看看约翰·雷西格的这篇文章.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)