当前位置: 代码迷 >> Java Web开发 >> jquery怎么向<body>里面增加文字
  详细解决方案

jquery怎么向<body>里面增加文字

热度:41   发布时间:2016-04-16 22:06:34.0
jquery如何向<body>里面增加文字
jsp代码是这样的:
<iframe class="ke-edit-iframe" frameborder="0" hidefocus="true" style="width: 100%; height: 378px;" tabindex="">
<html>
<head>
<body class="ke-content"></body>
</html>
</iframe>

我想在页面加载时动态的将一行文字增加到<body>里面,不知道为什么总是加不进去,js代码如下:
$(document).ready(function(){
    if($("#type").val()=="MESSAGE") {
        $(".ke-toolbar").hide();
    } else {
        $(".ke-toolbar").show();
    }
    var content = $("#contents").val(); // 一行字符串
    $(".ke-content").html(content); //没有加进去
 //  $(".ke-content").append(content) //也加不进去
});

------解决方案--------------------
$(document).ready(function(){
    if($("#type").val()=="MESSAGE") {
        $(".ke-toolbar").hide();
    } else {
        $(".ke-toolbar").show();
    }
    var content = $("#contents").val(); // 一行字符串
    $(".ke-content").html(content); //没有加进去
 //  $(".ke-content").append(content) //也加不进去
});

你这里是添加进去了,只不过没有刷新而已
------解决方案--------------------
第一次见往iframe里嵌套html,刚才也测试了一下,这些嵌套的html压根不显示,就像audio标签,支持audio的浏览器,里面的内容是不显示的。

$(".ke-content").length估计是0,你可以测试一下。

而且要选取iframe中的节点必须提供iframe的document上下文。

编辑器也不是这么弄的,可以先建一个空的iframe,打开编辑模式,往里面写入你嵌套的html内容,百度搜一下“iframe 编辑器”

------解决方案--------------------
$(".ke-edit-iframe").contents().find("body").append($("#contents").val());

------解决方案--------------------
首先在你要确认在源码中.ke-content的样式只有body应用,否则$(".ke-content").html(content)这种方式是不正确的,最好用id;
如果.ke-content只有body用了,可以alert($("#contents").val());看看有没有获取到这个值,是否为空。
------解决方案--------------------
引用:
$(".ke-content").length是0,因为body里面本身就没有内容呀,我个iframe编辑器是框架(kendo)自动生成的,只是在页面回显时,没有数据,我需要将数据在回显下

这问题不就简单了,好好研究一下人家的编辑器,找出他的设置内容的api,把你的数据设置进去就好了,不行就换编辑器,优秀国产开源的编辑器还是有的
------解决方案--------------------
引用:
$(".ke-content").length是0,因为body里面本身就没有内容呀


,按照你的代码$(".ke-content")是想选取iframe的body节点,跟body里面有没有内容没有一毛钱关系
  相关解决方案