外部网站加载到div标签中

weixin_45369963

于 2022-09-14 09:04:43 发布

阅读量771

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_45369963/article/details/126767292

这段代码展示了如何使用jQuery创建一个iframe元素，并将其插入到页面的红色盒子中。iframe被设置为全宽且高度为500像素，并加载了网址'https://www.json.cn/'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
显示结果

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
      iframe {
        width: 100%;
        height: 500px;
      }
    </style>
  </head>
  <body>
    <div id="redBox"></div>
  </body>
</html>
<script src="./jquery-3.6.0.js"></script>
<script>
  let iframeUrl = $("<iframe name='iframeName' ></iframe>");
  iframeUrl.attr("src", "https://www.json.cn/");
  $("#redBox").append(iframeUrl);

</script>