【发布时间】：2016-07-26 17:13:18
【问题描述】：
我在尝试将另一个 HTML 文件加载到现有文件时遇到问题。我在我的 html 代码中使用带有这个功能的 JavaScript 来做到这一点
<script>
function load_home(){
document.getElementById("content").innerHTML='<object type="type/html" data="New folder\home.html" ></object>';
}
</script>
Q1：此代码在文件夹中时找不到“home.html”如果我将其移动到同一文件夹并将其更改为
data="home.html"它可以正常工作。能解决吗？Q2：即使代码找到我的“home.html”它会加载到一个盒子中类型的东西带有滚动条，以能够看到完整的 页面内容（滚动条可以是垂直的或水平的，具体取决于加载页面内的内容）
“index.html”和它的“style.css”文件：
/* Font to left and change text type*/
body{
margin : 0;
padding : 0;
font-family : 'Arial',serif;
min-width:1200px;
}
a{
text-decoration : none;
}
/*NAV CLASS */
#menu >.nav {
background-color : #87CEEB;
color: white;
list-style : none;
padding : 4px 0 12px 0;
margin : 0px;
}
/*CONTENTS RIGHT*/
.nav > .nav-contects{
text-align : right;
}
#menu >.nav > .nav-contects > li {
display : inline-block;
padding-right: 50px;/*same as 0 25px 0 25px ( top left bottom right */
font-size: 16px;
margin : 0;
position : relative;
bottom : 10px; /*align width center */
}
/*a tag inside a li tag inside a .nav class*/
#menu >.nav > .nav-contects > li > a {
color: #f79963;
}
/* a tag inside a li tag inside a .nav class while mouse hovering */
#menu > .nav > .nav-contects > li > a:hover {
color : #ffffff;
padding : 0 0 0 0 ;
/*margin : 0px;
background-color : #888888;*/
}<DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
my title
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body onload="load_home()">
<nav id="menu">
<ul class="nav">
<div class="nav-contects">
<li><a href="#Home" onclick="load_home">Home</a></li>
</div>
</ul>
</nav>
<div id="content" align = "center">
</div>
<script>
function load_home(){
document.getElementById("content").innerHTML='<object type="type/html" data="New folder\home.html" ></object>';
}
</script>
<div class="footer" align = "center">
<p align = "center"> <i>an awesome business</i> </p>
</div>
</body>
</html>“home.html”文件
<DOCTYPE html>
<html lang="en">
<body>
Some random long text
dasfda gsdwgdsgd
sgsdgsdgdsf sadddad asddddddddddddddddddddddddddddddddddddddddddddddd
</body>
</html>
PS：这可能都是错误的，也许我正在尝试用错误的方式做所有事情
PSS：这不是我文档的完整代码，我删除了很多代码以确保它没有错误，包括样式和其他
EDIT#1：我希望“受限”框消失并打开“home.html”，就像我直接从计算机打开它一样”
非常感谢您提供的任何帮助。
【问题讨论】：
-
使用相对路径和 iframe 代替对象
-
data="New folder\home.html"- 尝试使用 正确的 路径 - 没有（未编码的）空格和正斜杠。 -
你能澄清点（2）吗？您是否试图简单地阻止滚动条出现，弹出窗口是否应该根据内容动态调整大小，弹出窗口背后的预期规则是什么？
-
@Hodrobond 不，它不会根据内容调整大小，无论里面有什么内容，它都会停留在大小上。我不知道空格是否会成为问题，但我已经尝试过，没有简单的“新”，但仍然无法正常工作
-
@ehem 应该动态调整大小吗？ 预期的行为是什么？
标签： javascript html css responsive-nav