当前位置: 首页 > news >正文

iframe通过url方式来获传递的参数

iframe通过url方式来获传递的参数

  • 一、src="http://xxxx/#/policyOverview?code=aaaa"
  • 二、 src="/static/iframePhone/html/main.html?code=aaaa"

一、src=“http://xxxx/#/policyOverview?code=aaaa”

 <iframedata-v-47a50536=""src="http://xxxxx/#/policyOverview?code=aaaa"frameborder="0"allowfullscreen=""style="width: 100%; height: 100%"></iframe><iframedata-v-47a50536=""src="http://xxxxxx?appId=1803674938150752257&code=bbbb"frameborder="0"allowfullscreen=""style="width: 100%; height: 100%"></iframe>
// 想获取src中参数可以通过一下办法// 获取url中的参数window.addEventListener('DOMContentLoaded', () => {console.log(window.location.href, '1111111');console.log(window.frames.location.href, '222222');console.log(window.self.location.href, '3333333');});

二、 src=“/static/iframePhone/html/main.html?code=aaaa”

   <iframeid="iframeContainer"src="/static/iframePhone/html/main.html?code=aaaa"style="width: 600px; height: 80px"></iframe>
   setTimeout(() => {const urlParams = new URLSearchParams(window.location.search);console.log(urlParams, 'urlParams');// 获取名为code的参数值const codeValue = urlParams.get('code');console.log('获取到的code值为:', codeValue);}, 3000);

在这里插入图片描述

http://www.lryc.cn/news/490967.html

相关文章:

  • 蓝桥杯不知道叫什么题目
  • 最多可收集的水果数目
  • 戴尔 AI Factory 上的 Agentic RAG 搭载 NVIDIA 和 Elasticsearch 向量数据库
  • HarmonyOS4+NEXT星河版入门与项目实战(16)------ 状态管理 @State(页面数据刷新与渲染)
  • Origin教程003:数据导入(2)-从文件导入和导入矩阵数据
  • 设计自己的网络通信协议
  • 深入理解 Seata:分布式事务的最佳解决方案
  • JDK下载
  • 如何使用 Python 开发一个简单的文本数据转换为 Excel 工具
  • React(六)——Redux
  • java抽奖系统(二)
  • STM32F10x 定时器
  • 从0开始学PHP面向对象内容之常用设计模式(适配器,桥接,装饰器)
  • 玩转数字与运算:用C语言实现24点游戏的扑克牌魅力
  • 前端入门之VUE--基础与核心
  • logback 初探学习
  • 在Elasticsearch中,是怎么根据一个词找到对应的倒排索引的?
  • 1992-2021年 各省市县经过矫正的夜间灯光数据(GNLD、VIIRS)区域汇总:省份、城市、区县面板数据
  • linux实战-黑链——玄机靶场
  • 鸿蒙NEXT开发案例:字数统计
  • uniapp vue2项目迁移vue3项目
  • 16.C++STL 3(string类的模拟,深浅拷贝问题)
  • 神经网络10-Temporal Fusion Transformer (TFT)
  • “iOS profile文件与私钥证书文件不匹配”总结打ipa包出现的问题
  • 《图像梯度与常见算子全解析:原理、用法及效果展示》
  • 【c++篇】:探索c++中的std::string类--掌握字符串处理的精髓
  • LlamaIndex ollama 搭建本地RAG应用,建立本地知识库
  • draggable的el-dialog实现对话框标题可以选择
  • 2024年Android面试总结
  • 树莓派3:64位系统串口(UART)使用问题的解决方法