0

当我尝试将另一个 HTML 文件加载到我现有的文件中时,我遇到了问题。我在我的 html 代码中使用 JavaScript 执行此功能

<script>
        function load_home(){
                document.getElementById("content").innerHTML='<object type="type/html" data="New folder\home.html" ></object>';
        }
    </script>

Q1:如果我将它移动到同一个文件夹并将其更改 data="home.html"为它应该正常工作,则此代码在文件夹中时找不到“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:这不是我文档的完整代码,我删除了很多代码以确保它没有错误,包括样式和其他

编辑#1:我希望“受限”框消失并打开“home.html”,就像我直接从我的电脑打开它一样”


我非常感谢您能提供的任何帮助。

4

1 回答 1

0

(1) 这个问题很可能是你的url中的空格引起的。它应该使用encodeURI(src)src.replace(/ /g, '%20') CSS 和 JQuery 进行转义:图像名称中的空格 url() 的中断代码

(2) 如果您只是想让滚动条消失,请将样式添加overflow: hidden到弹出窗口中。但是请注意,如果任何内容从盒子中溢出,它将不可见/不可挽救。

于 2016-07-26T17:20:34.693 回答