仲灏小栈 仲灏小栈
首页
大前端
后端&运维
其他技术
生活
关于我
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

仲灏

诚意, 正心, 格物, 致知
首页
大前端
后端&运维
其他技术
生活
关于我
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 《前端项目基础建设》
  • HTML&CSS

  • JavaScript&TypeScript

    • typescript 万金油
    • 缓缓滚动到顶部实现方式
    • js 精准和模糊获取dom
    • iframe 笔记
      • 获取iframewindow对象
        • 模拟点击事件
      • iframe加载完成
    • 文件上传安全问题
    • 时间处理
    • Web H5 接入海康录像机 (rtsp转flv)
    • 全局数据
    • 持久化数据
    • typescript 类型库
    • type
    • 前端开发这些年碰到不常见的api(不论新旧 持续更新)
    • js api常用详解
    • 搭建typescript环境刷LeetCode算法
    • typescript 类型联动
    • 前端避免一直try...catch...(ts装饰器)
    • 高效操作DOM
    • 用好DOM事件
    • 理解 AST 实现和编译原理
    • 常用正则
    • js面试技能拼图 this
    • for...in for...of 区别
    • js 获取元素大小
  • Node

  • 构建

  • Vue

  • React

  • 小程序

  • 跨端

  • Electron

  • WebGL&GIS

  • 浏览器

  • 面经

  • 其他

  • 大前端
  • JavaScript&TypeScript
仲灏
2021-12-24
目录

iframe 笔记

# 获取iframewindow对象

const 
iframe.contentDocument || window.frames.iframeWrapper.document
1
2

# 模拟点击事件

function trigger(node, event){
    if(document.all) {
        node.click();
    }else {
        var e = document.createEvent("MouseEvents");
        e.initEvent(event, true, true);              
        node.dispatchEvent(e);   
    }   
}
document.getElementById("resource").addEventListener("click", function(e){
		trigger(document.getElementById("target"), "click");
},false);
1
2
3
4
5
6
7
8
9
10
11
12

# iframe加载完成

<iframe id="ifra" name="ifra" width="100%" height="500" src="http://xxxxx">
</iframe>
const iframe = document.querySelector('#ifra')
if (iframe.attachEvent) {    
  iframe.attachEvent("onload", function() {    
    const iframeNode = window.frames["ifra"].document
    self.getDom(iframeNode)			
  });    
} else {    
  iframe.onload = function() {    
    const iframeNode = window.frames["ifra"].document
    self.getDom(iframeNode)
  };    
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
上次更新: 2022/06/05, 20:31:36
js 精准和模糊获取dom
文件上传安全问题

← js 精准和模糊获取dom 文件上传安全问题→

最近更新
01
vim日常使用记录
04-02
02
滑动窗口最大值
04-02
03
有效的字母异位词
04-02
更多文章>
Theme by Vdoing | Copyright © 2021-2025 izhaong | github | 蜀ICP备2021031194号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式