JavaScript中嵌套HTML代码
一段Html代码比如：<divstyle="background-color:#FFFFFF"><h4style="margin-top:5px;padding:8px;...
一段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中就这样表示) 展开
比如：<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中就这样表示) 展开
5个回答
展开全部
通过嵌套iframe 实现嵌套html页面
<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;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
<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;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
选择性显示一条HTML这句话分一下两种情况理解：
选择性显示HTML代码
这种不用javascript去控制，相反，选择在服务器层去控制选择性显示HTML所展现的内容
这种比较简单，也更接近你的问题，直接利用JavaScript去更改这段HTML的CSS属性display或visible属性来达到目的
比如：
var target = document.getElementById('target_html_id');
target.style.display = (condition1)?'block':'none';
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
body的onload事件 事件里用getelementbyid定位标签。 然后设置你想要的效果就行。
当然 如果会jquery的话 也是一样的思路 只是代码简洁些
当然 如果会jquery的话 也是一样的思路 只是代码简洁些
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
