HTML / CSS / JavaScript HTML頁面出現在另一個html頁面滾動條問題中

Question

嘗試將另一個HTML文件加載到現有HTML文件時遇到問題。 我在我的html代碼中使用此功能的JavaScript

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

問題1： 如果我將其移至同一文件夾並將其更改為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：這不是我文檔的完整代碼，我刪除了很多代碼以確保其中沒有錯誤， 包括樣式和其他錯誤。

EDIT＃1：我希望“受限”框消失並像直接從計算機上打開“ home.html”一樣打開它。

我非常感謝您可以提供的任何幫助。

Answer 1

（1）此問題可能是由您的網址中的空格引起的。 應該使用encodeURI(src)或src.replace(/ /g, '%20') CSS和JQuery對其進行轉義：圖像名稱中的空格會破壞url（）的代碼

（2）如果您只是希望滾動條消失，請在彈出式窗口中添加樣式overflow: hidden 。 但是請注意，如果有任何內容從包裝箱中泄漏出來，將不會被看見/搶救。

HTML / CSS / JavaScript HTML頁面出現在另一個html頁面滾動條問題中

問題描述

1 個解決方案

解決方案1
0 已采納 2016-07-26 17:20:34

HTML / CSS / JavaScript HTML頁面出現在另一個html頁面滾動條問題中

問題描述

1 個解決方案

解決方案1 0 已采納 2016-07-26 17:20:34

解決方案1
0 已采納 2016-07-26 17:20:34