JavaScript中嵌套HTML代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中嵌套HTML代码相关的知识，希望对你有一定的参考价值。
一段html代码
比如：<div style="background-color:#FFFFFF">
<h4 style="margin-top:5px; padding:8px;">
<span>请填写收货地址:</span>
<span style="margin-left:80%; font-size:14px; font:bold">×</span>
</h4>
</div>
想将它放进一个javascript方法中，然后调用，在页面中将这段代码执行！！(注意：这段代码在JavaScript中就这样表示)
<script type="text/javascript">
$(function ()
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function ()
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";
);
)
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" margin margin frameborder="0">
</iframe>
</div>
</body> 参考技术A
选择性显示一条HTML这句话分一下两种情况理解：
选择性显示HTML代码
这种不用javascript去控制，相反，选择在服务器层去控制
选择性显示HTML所展现的内容
这种比较简单，也更接近你的问题，直接利用JavaScript去更改这段HTML的CSS属性display或visible属性来达到目的
比如：
var target = document.getElementById('target_html_id');
target.style.display = (condition1)?'block':'none';
function aa()
document.write('<div style="background-color:#FFFFFF">');
document.write('<h4 style="margin-top:5px; padding:8px;">');
document.write('<span>请填写收货地址:</span>');
document.write('<span style="margin-left:80%; font-size:14px; font:bold">×</span>');
document.write('</h4>');
document.write('</div>');
</script>
<p>
<input type="button" value="执行JS" onclick="aa()">
</p> 参考技术C <script>
function yygy()
var str = "<div style=\"background-color:#FFFFFF\">\
<h4 style=\"margin-top:5px; padding:8px;\">\
<span>请填写收货地址:</span>\
<span style=\"margin-left:80%; font-size:14px; font:bold\">×</span>\
</h4>\
</div>"
document.write(str);
</script>本回答被提问者采纳 参考技术D body的onload事件 事件里用getelementbyid定位标签。 然后设置你想要的效果就行。
当然 如果会jquery的话 也是一样的思路 只是代码简洁些
将 Javascript 与 html 嵌套时，淘汰赛 MVC4 不兼容
【中文标题】将 Javascript 与 html 嵌套时，淘汰赛 MVC4 不兼容【英文标题】：Knockout MVC4 incompatible when nesting Javascript with html 【发布时间】：2013-07-29 19:34:11 【问题描述】：当我运行下面的代码时，我得到：
each(index,friend)friends
'<'li>$name'<'/li>
/each
打印在屏幕上而不是数组元素我不知道这是否与HTML5有关。我还添加了 jquery、konckout 引用并检查了语法。
'<'h1>Friends'<'/h1>
'<'div data-bind="template: 'friendsTemplate'">'<'/div>
'<'script id="friendsTemplate" type="text/html"'>'
'<'ul>
each(index,friend)friends
'<'li>$name'<'/li>
/each
'<'/ul>
'<'script type="text/javascript"'>'
【问题讨论】：
你这里使用的是jquery tmpl 语法，你包含jquery 和jquery tmpl 插件了吗？ 是的，我包括在内，我也用fire bug调试了js，没有发现错误 【参考方案1】：您可以尝试为模板的脚本标签指定一个无效的 mime 类型，例如..
<script id="friendsTemplate" type="text/x-jquery"'>
也尝试修改你的模板每个synatx
each friends
【讨论】：
以上是关于JavaScript中嵌套HTML代码的主要内容，如果未能解决你的问题，请参考以下文章