iframe
14篇文章 · 0订阅
  • 多种方案教你实现iframe嵌套页面相互传参(父子通信)
    [toc] 需求描述 在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？ 开始上手
    前端 JavaScript
    多种方案教你实现iframe嵌套页面相互传参(父子通信)
  • 深入了解 iframe：Web 开发中的强大工具
    在Web开发中，<iframe> 是一个强大的HTML元素，它允许你在一个文档中嵌入另一个文档。这种嵌套的方式提供了一些独特的特性和用途。本文将深入介绍 <iframe>，探讨它的工作原理。
    • _XU
    • 1年前
    • 974
    • 评论
    前端 JavaScript HTML
  • iframe加载方案及性能之 -- 各有所长
    普通方法加载iframe在onload之后加载iframesetTimeout来加载iframe友好型iframe加载转载地址：翻译文章-iframe异步加载技术及性能英文原文：Iframeloadi
    • 玉
    • 4年前
    • 5.1k
    • 评论
    JavaScript
  • 当拖拽遇上iframe
    我们在实现左右拖拽或着上下拖拽时，单纯的控制内容拖拽是不会发现任何拖拽不适问题，但是如有使用iframe获取渲染的内容时，导致拖拽没那么灵敏，出现卡顿问题。 在iframe的上层添加一个隐形的盒子，意思就是让我们拖拽的时候控制的是隐形的盒子为不是iframe本身。 但是如果你的…
    前端
  • 封装一个拖拽容器组件，支持拖拽移动，可以通过拖拽边框更新组件大小
    这个组件是一个支持拖拽移动，支持通过拉拽边框变化大小的组件。 组件采用绝对布局去定位，因此其父节点需要设置为相对布局，可以用于页面侧边的拖拽小组件。
    前端 DOM Vue.js
  • 让 chatgpt 帮你实现一个可以拖动调节高度的 iframe
    背景 需要将一个页面以 iframe 的方式嵌入页面， 而且还需要能够拖动iframe的上边缘动态调整 iframe 的高度。 大概长下面这个样子。 html js 这样实现之后，发现拖动 ifram
    前端 JavaScript
  • 将iframe的postmessage通信方式封装成promise形式
    将iframe的postmessage通信方式封装成promise形式。大致思路：在 message 事件之外，又使用了一个自定义事件，作为中间层。
    前端
  • vue2中使用iframe标签展示高德地图
    首先根据高德地图的--# 地理/逆地理编码从服务器返回的类似——广东省广州市白云区——数据请求到经纬度数据 请求经纬度数据 请求回来后再根据高德地图的地图组件-选址组件，像高德地图发送类似于 这样的数
    前端
  • Vue 使用iframe引入youtube视频
    最近项目遇到了一个引入播放YouTube视频的要求，开始时采用的video引入播放，但是不成功。又改用iframe。具体如下：后台返回的视频url： https://www.youtube.com/w
    Vue.js
  • 开发一个封装了iframe的VUE组件
    VUE的基本组成单元，我看应该是组件。用VUE开发前端项目，就是开发一个个组件，然后搭积木一样，将项目搭建出来。组件包含在页面，或者是更大的组件里面。在这里，组件与页面的界限，好像并不明显。事实上，对于单页应用，只有一个页面。组件的好处，一是可以加强复用；二是能够将特定功能封装，...
    笔记