将html作为对象插入到html中而不使用滚动条
我想做的是在word中编辑文本并将其另存为文本。html然后插入文本。我的。我的要求是在main中的html文件。html主菜单中。html文件，文本应：
- 有格式设置
我的文字是：
Lorem ipsum dolor sit amet，是一位杰出的献身者。杜伊斯·勒库斯是一个枕叶勒库斯。在亨德雷特麦格纳港口的阿利奎特·库苏斯·图皮斯。莫里斯·斯克利斯克·斯克利斯克·尤伊斯莫。在《尤伊斯莫·胡斯托》中，唐纳西姆·拉齐尼亚·利奥。Donec ut ligula非酒后驾车。埃蒂亚姆·马萨·奥古斯（Etiam massa augue），威尼斯人坐在阿梅特·埃格斯塔斯（amet egestas ac），欧盟智者（dapibus eu sapien）。在ac sapien quis enim suscipit finibus中。在拱门前，我的手是平的。
Lorem ipsum dolor sit amet，是一位杰出的献身者。杜伊斯·勒库斯是一个枕叶勒库斯。在亨德雷特麦格纳港口的阿利奎特·库苏斯·图皮斯。莫里斯·斯克利斯克·斯克利斯克·尤伊斯莫。在《尤伊斯莫·胡斯托》中，唐纳西姆·拉齐尼亚·利奥。Donec ut ligula非酒后驾车。埃蒂亚姆·马萨·奥古斯（Etiam massa augue），威尼斯人坐在阿梅特·埃格斯塔斯（amet egestas ac），欧盟智者（dapibus eu sapien）。在ac sapien quis enim suscipit finibus中。在拱门前，我的手是平的。
或者它可以是任何东西。关键是将此文本复制到word并将其另存为文本。html，然后是mymain。html将调用它。
我的main。html文件是：
<html>
<body>
<object type="text/html" data="text.html" style="width:100%"></object>
<p> this is a test </p>
</body>
</html>
由于某种原因，它不能正常工作。有什么想法吗？
共有1个答案
首先是
对于以下解决方案，此标记将执行：
<object class="text" data="text.html" type="text/html"></object>
要修改其宽度和高度，我建议您将CSS分离到单独的样式块（或样式表）中：
<style>
.text {
width: 400px;
min-height: 100px;
}
</style>
隐藏滚动条有点棘手，因为滚动条在嵌入的超文本标记语言页面内。这意味着您在父页面中声明的超文本标记语言属性或CSS属性（main.html）将无法隐藏子页面中的滚动条（text.html）。但是，您可以使用javascript访问嵌入页面的DOM：
window.onload = function() {
var object = document.querySelector('.text');
var embeddedDocument = object.contentDocument;
console.log( embeddedDocument.documentElement )
}
现在您可以禁用
embeddedDocument.documentElement.style.overflow = 'hidden';
embeddedDocument.body.style.overflow = 'hidden';
如果您想调整整个
var contentsHeight = embeddedDocument.body.offsetHeight;
object.height = contentsHeight;
因此，您的整个代码将如下所示：
<style>
.text {
width: 400px;
min-height: 100px;
}
</style>
<object class="text" data="text.html" type="text/html"></object>
<script>
window.onload = function () {
var object = document.querySelector('.text');
var doc = object.contentDocument;
doc.documentElement.style.overflow = 'hidden';
doc.body.style.overflow = 'hidden';
var contentsHeight = doc.documentElement.offsetHeight;
object.height = contentsHeight;
}
</script>
StackOverflow这里的代码片段在嵌入文件方面有点有限，但是您可以在这个CodeSandbox中测试上述代码。
-
问题内容： 我当前正在加载灯箱样式弹出窗口，该弹出窗口将从XHR调用中加载HTML。然后，使用“ 这就像一个超级按钮”在“模式”弹出窗口中显示此内容。 在该网站的另一部分中，我使用Flickr’徽章’（http://www.elliotswan.com/2006/08/06/custom-flickr- badge-api-documentation/ ）动态加载flickr图像。这是通过包含一个
-
我正在尝试插入一个HTML块到一个div。我想看看简单的JavaScript方式是否比使用jQuery更快。不幸的是，我忘了怎么用‘老办法’做这件事。：p 伙计们，我做错了什么？ 编辑: 有人问jquery和普通js哪个更快，所以我编写了一个测试: http://jsperf.com/html-insertion-js-vs-jQuery 纯js快10%
-
问题内容： 我目前正在开发一个网站，我需要根据用户执行的操作来动态加载页面。 示例：如果用户单击“设置”按钮，则ajax函数将从外部页面加载该代码，并将其放入带有标签“设置”的div中。 这是我用来发出Ajax请求的代码： 这是第一个代码片段将ajax结果放入的位置： 该代码是从此处的函数调用的： 这是ajax函数将放入div 的html ： 我想知道是否有一种方法也可以执行ajax函数返回的ja
-
我试图使用php/html表单将数据输入到mysql数据库中，但它不起作用，我不知道为什么。该记录没有插入，我只得到一个空白页后，我提交了表单。 谢谢，尤金妮 这是我的databaseenter图像描述 这是html表单： 这是php代码：
-
问题内容： 我所知道的是，当我想在视图中插入HTML时，我使用或。 我不知道的是如何插入HTML并使Angular解析其内容 即如果有，我想Angular解析吗？ 更新1： 例： HTML： JS： 我尝试使用上面的方法，但是Angular 还是按原样打印。 问题答案： 您可以使用服务（docs）将任意HTML编译为角度视图。 在这种情况下，我已经将视图附加到了（这是引导模块时使用的元素，通常是通
-
如下代码中id="pop"滚动层，如何在滚动到最底部时再向上滚动不会变成滚动下层滚动内容？