首页 > 其他分享 >利用 iframe将其他网站 某一个部分的内容 嵌入到 自己的网站中

利用 iframe将其他网站 某一个部分的内容 嵌入到 自己的网站中

时间:2023-08-08 21:34:44浏览次数:39  
标签:index 嵌入 网站 top iframe fruits

[利用 iframe将其他网站 某一个部分的内容 嵌入到 自己的网站中_iframe嵌入网页的一部分_奔跑的长毛象的博客-CSDN博客](https://blog.csdn.net/weixin_42654817/article/details/83141889)

 

```h5

<!DOCTYPE html>
<html>
<head>
      <title>Hello World</title>
      <style>
      .f1{height:485px; overflow: hidden;}
.f2{height:885px; overflow: hidden;}
#frame1{position:absolute; top:-355px;left:0; transform:scale(0.9); z-index:1}
#frame2{position:relative; top:-285px;left:0;  z-index: 1}
   </style>
  </head>
<body>

<h1>JavaScript 数组</h1>

<p>Array.splice() 方法添加数组元素:</p>

<p id="demo"></p>

   
   <div class="row">

   <div class="col-xs-6 f2 hidden-xs hidden-md clear">
       <iframe id="frame2" frameborder=0 width=960 height=2050 marginheight=0 scrolling=no src="https://juejin.cn/"></iframe>
   </div>
</div>
   
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
//   <div class="col-xs-6 f1">
//     <iframe id="frame1" frameborder=0 width=960 height=1200  marginheight=0 marginwidth=0 scrolling=no src="https://juejin.cn/" ></iframe>
//   </div>
// <embed type="text/x-scriptlet" src="https://juejin.cn/" width="840" height="480">
// 在位置 2,添加 2 个元素:
fruits.splice(2, 0, "Lemon", "Kiwi");

document.getElementById("demo").innerHTML = fruits;
</script>

</body>
</html>

````

标签:index,嵌入,网站,top,iframe,fruits
From: https://www.cnblogs.com/ministep/p/17615437.html

相关文章

  • 我的网站被黑掉了——怎么办?
      许多网站管理员都有过这样的遭遇:尽管您绞尽脑汁防止此类事情发生,您的网站还是被黑掉了。一些防患于未然的措施包括确保您的网站及时更新最新的软件和补丁,在 谷歌网站管理员工具 里建立账号以便查看当前被收录的页面,密切注视您的日志文件,确保其中没有可疑的内容等等。1、暂......
  • Linux下通过Nginx日志分析网站访问情况
    1.前言2.访问IP相关统计2.1.统计IP访问量(PV)2.2.独立IP访问统计(UV)2.3.查看某一时间段的IP访问量(4-5点)2.4.查看访问最频繁的前100个IP2.5.查看访问次数在100次以上的IP2.6.查看某个IP的详细访问情况,按访问频率排序3.页面访问统计3.1.查看访问最频繁的......
  • 记录部署lnmp环境的部署网站,自动生成脚本
    网站:https://oneinstack.com/auto/可以选择版本,扩展的插件,很方便,适合快速部署lnmp环境。......
  • 网站文章标题怎么做SEO优化?
    文章标题优化是网站SEO优化的重点,一个网站要开展SEO,首先从文章标题优化开始。大多数人都知道标题设置必须包含关键字,然而,很少有人知道,包含关键字并不是简单地写成这样简单。搜索引擎优化不仅要考虑搜索引擎的捕获,还要考虑用户的搜索体验。 网站文章标题怎么做SEO优化网站文章标题......
  • 嵌入式教程_DSP教程:2-27 基于USB接口的存储设备实验
    2-27基于USB接口的存储设备实验实验目的本节视频的目的是学习USBOTG的运用和工作原理,并实现USB从方式,将实验板模拟成一个USB存储设备,实现主机和实验板之间的数据传输。实验原理硬件原理图实验过程中使用的是USBOG接口T本节视频的目的是学习USBOTG的运用和工作原理,并实现USB从方......
  • 跟风,分享一下,我常去的中文技术网站(转了)
    第一个当然是jvm虚拟机作者的博客了ITeyeUI招聘IBM.net先说一下大多数人都知道的。 第一个:http://www.iteye.com(www.iteye.com) 不解释。 第二个:(英文主站:www.infoq.com) 非常著名的架构师站点,主要面向企业架构,做JaveEE方向的同学应该经常看。 第三个:......
  • python 使用BeautifulSoup的 html5lib爬取网站内容
    1、使用BeautifulSoup的'html5lib'能像网页工具一样渲染内容。缺点:运行比较慢2、安装包pipinstallhtml5lib3、直接获取网页的所有有效内容importrequests#数据请求模块第三方模块pipinstallrequestsfrombs4importBeautifulSoupheads={'User-Agen......
  • 安装宝塔上传网站后经常被攻击被挂马,怎么防护呢?
    安装宝塔上传网站后经常被攻击被挂马,怎么防护呢?最近很多人出现网站被挂马,被攻击,被黑的情况,仔细一问,发现很多人安装个宝塔后,啥防护都没有,啥安全措施也没有弄,这无疑是降低了安全防护。解决办法:安装宝塔后,安装一个下面这个防护, 这样就可以给你的服务器和网站添加一道防火墙,虽......
  • 钡铼技术嵌入式ARM控制器BBL302上运行Node-RED
    嵌入式ARM控制器BL301/BL302系列是工业级坚固型工业控制器,采用NXP的高性能处理器I.MX6ULL,搭配先进的ARMCortex-A7构架,运行速度高达800MHz,具有高度的稳定性。本产品最高可提供4路RS485/RS232,1路CAN口,2路网口,2路DI口,2路PWM口输出以及1路USB接口,1路电源输入/输出接口、1路HDMI视频显......
  • 针对搜索引擎优化您的网站(面向新手)
    今天文章将简明扼要的介绍如何优化您的网站有助于提升网站在Google搜索结果中的排名Google不会通过收取费用来提高网站排名,也不会因网站在Google上投放广告而提高其排名。任何与此不符的消息均是子虚乌有。描述应贴切:您的网页应使用准确的描述性标题。我们建议将不同的主题、......