Необходимо локально удалить верхний и нижний колонтитулы из URL-адреса sr c в iframe - PullRequest
Новая
       2

Необходимо локально удалить верхний и нижний колонтитулы из URL-адреса sr c в iframe

0 голосов
/ 14 февраля 2020

Прежде всего, я новичок в JS и Jquery. Я создал два. html файла в одной папке локально (рабочий стол), один домашний. html с заголовком, основным содержимым (два абзаца) и нижним колонтитулом. Теперь в другом файле (подробнее. html), я использовал iframe и дал в нем домашний URL. 

<iframe src="home.html" height="600" width="900" id="myframe"></iframe>

И в сценарии я дал это, 

    $("#myframe").contents().find("#site-header").remove();

не только это, я тоже это попробовал, 

var frame = document.querySelector("myframe");
header = frame.contentDocument.querySelector("site-header");
header.remove();

- 

var iframe = document.getElementById("myframe");
var elmnt = iframe.contentWindow.document.getElementById("site-header");
elmnt.style.display = "none";

Пробовал то же самое для нижнего колонтитула, но не работает, он не удаляет верхний и нижний колонтитулы в iframe. Пожалуйста, помогите мне в этом, заранее спасибо ...

1 Ответ

0 голосов
/ 14 февраля 2020

Попробуйте использовать окно при загрузке

деталь. html код ниже: 

<html>
<body>
<iframe src="home.html" height="600" width="900" id="myframe"></iframe>

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

    <script>
        $(window).on("load",function(){
            $('#myframe').contents().find("#site-header").remove();
            $('#myframe').contents().find("#site-footer").remove();
        })
    </script>

</body>
</html>

home. html код ниже: 

<html>
<body>
    <div id="site-header">
        <h1>Header</h1>
    </div>

    <div class="body">
        <h1>My Body content goes here</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur est fugiat itaque maxime quia. Aspernatur consequuntur, dolore earum est facilis in laborum numquam pariatur placeat quas, ut voluptatibus! Cupiditate deleniti excepturi quos. Atque incidunt iure quasi tempora? Accusamus accusantium delectus.</p>
    </div>

    <div id="site-footer">
        <h1>Footer</h1>
    </div>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...