<对象的自动高度/>元素中嵌入的内容

auto height for the <object/> element with the embedded content

本文关键字：元素 高度 对象      更新时间：2023-09-26

我试图根据内部嵌入的内容获得<object/>元素的自动高度。这可能吗?

这个问题的例子如下:JSFiddle。在Chrome中，汽车似乎被忽略了。我该如何解决这个问题?

<body>
    <object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt"></object>
</body>
CSS

#my-object {
    height : auto;
    width : 300px;
}

编辑我想让对象和它的内容一样大，这样可以避免对象元素的滚动。它应该是页面滚动而不是对象元素滚动

working fiddle (100% height, min-height和overflow隐藏到body和HTML元素)

http://jsfiddle.net/DmF6B/2/

html, body{
   overflow:hidden;
   height: 100%;
   min-height: 100%;
}
    #my-object {
        height : 100%;
        width : 100%;
        overflow : hidden;
    }
html

<body scroll="no">
    <object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt">
    </object>
</body>

如果是在同一域中使用javascript函数"contentDocument()"

试试这个:ajax

必须在服务器下运行

用"

; contentDocument()"

<object id="my-object" type="text/plain" data="newfile.txt">
</object>
<script>
    var object = document.getElementById("my-object");
    object.onload = function () {
        var objectPre = object.contentDocument.body.childNodes[0];
        object.style.height = (objectPre.offsetHeight+20) + "px";
    };
</script>

与ajax做一个搜索加载TXT文件使用ajax

相关文章：