html页面引入其他html页面的方法

原创于 2023-03-09 17:18:50 发布 · 2.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #css

本文介绍了三种在网页中嵌入或链接外部网页的方法：一是使用object标签，二是利用iframe，三是通过JavaScript的window.location.href实现页面重定向。这些技术常用于集成外部内容或创建页面间交互。

<div>
<!--第一种：使用object标签-->
    <object type="text/html" data="https://www.baidu.com" style="width:1000px; height:1000px">
        <p>backup content</p>
    </object>
    <!--第二种：使用iframe 标签-->
    <iframe src='http://wwww.baidu.com' style="width:1000px; height:1000px"></iframe>
</div>
    <!--第三种：先弹出一个页面，再在这个页面使用window.location.href重定向到网页-->
<script>
    window.location.href='http://wwww.baidu.com';
</script>