iframe请求两次的问题

最新推荐文章于 2024-03-12 15:10:28 发布

RookieLay

最新推荐文章于 2024-03-12 15:10:28 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/zxl13735005529/article/details/104860310

版权

<iframe id="workHome" src="/member/home_page" name="home_page" frameborder="0" style="border:0;width:100%;height:100%;"></iframe>

上直接绑定URL会发出两次请求，一次页面没有加载完全，一次绑定页面加载完全。

将scr在页面加载完成后用js绑定问题即可解决。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RookieLay

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Chorme下iframe请求多次的解决办法

黑马程序员广州中心的专栏

01-07

1981

Chorme下iframe加载会出现两次大家有没有遇到过这种情况？在我的项目中就遇到这种问题了，iframe的onload会在chorme下调用两次，下面是一个小demo可以让你查看出来； [HTML]纯文本查看复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 ...

iframe如何发送请求_Vue 中使用 Iframe 踩坑记

weixin_39667509的博客

11-20

1214

背景创业项目使用的 Vue 开发前端，最近在开发的一个需求涉及到了 Iframe 的使用，为了让父子页面能够正常通信，头都搞大了。不过最终是解决了问题，写篇文章记录下，利人利己。难点之前没有在 Vue 中使用过 Iframe，网上的相关内容也比较少，这次的主要难点有以下两个：如何优雅地嵌入 Iframe如何优雅地实现父子页面间的通信第一点倒是不难，嵌入 Iframe 时使用 ref 属性，可以在父...

参与评论您还未登录，请先登录后发表或查看评论

前端开发时使用iframe标签的时候发生两次请求问题的解决方法

陈先生的博客

01-14

1万+

使用iframe可以加载其他页面的元素,比较方便,但是在实际运用中, 在某些浏览器中或发生某种行为时会出现加载两次或多次请求的问题,导致资源浪费. 正常使用时如下方这种情况: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

iframe加载两次的问题

qq_35232663的博客

06-28

6224

$(function(){ var iframe = document.createElement("iframe"); var height = document.documentElement.clientHeight - 100; iframe.height = height; iframe.name = "iframe"; iframe.id = ...

Iframe在Chrome下重复请求页面的解决办法

xinnian468153的博客

07-31

3678

<div class="easyui-layout" data-options="fit:true"> <div id="ifmPanel" data-options="region:'center',border:false"> <iframe id="example" src="test/example

关于使用iframe导致页面重复加载的问题

nininna的博客

08-15

2296

记录一个坑，页面使用iframe想要动态加载内容，代码如下，但是“test"总会输出两次，后来找到了原因，是iframe的src导致页面重复加载所以js加载了两次；将src属性删掉，js里直接动态绑定，这样就不会在加载页面时重复执行js，

js多次调用iframe发起请求

weixin_42297620的博客

11-12

1115

业务场景：在A系统中调用B系统的jsp页面，使用iframe的src进行调用 1、添加一个div用来存放每次调用时创建的iframe， 2、每次调用都创建一个新的iframe，嵌入到div中，并且赋值src。实现代码如下： function createFrame(url){ var newdiv = document.getElementById("divFrame"); if(newdiv==null){ newdiv = document.createElem...

iframe的onload在Chrome/Opera中执行两次Bug的解决方法

09-05

标题提到的问题是`iframe`的`onload`事件在这些浏览器中会被触发两次，这可能导致不必要的操作或逻辑错误。这个问题的根本原因在于事件监听器的添加时机。在描述中给出的示例代码中，开发者首先创建了一个`iframe`...

关于解决iframe标签嵌套问题的解决方法

11-21

问题描述当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否已经存在 //根据该节点名字判断该节点是否存在 if ($...

关于Vue下载文件功能使用iframe重复下载（连续下载两次）的问题解决方法

StreakerHan

06-24

1555

关于Vue下载文件功能使用iframe重复下载（连续下载两次）的问题解决方法网上的功能代码问题描述解决方法网上的功能代码 var iframe = document.createElement('iframe') iframe.style.display = 'none' // 防止影响页面 iframe.style.height = 0 // 防止影响页面 iframe.src = src //下载url document.body.appendC

记录react项目中引入iframe通信问题以及请求多次问题

热门推荐

lovekang的专栏

09-19

1万+

今天发现使用iframe做动态内容时不易察觉的一个问题：现在很多地方都会用到弹窗，许多弹窗框架可以指定弹出某个自定义层的内容，如果你自定义内容里有iframe，你就要注意啦，有的浏览器（比如IE低版本）在执行这样的代码时会导致iframe网页重复加载，加载两次。因为弹出框架将自定义内容部分移入弹出层时，会出现dom变动会导致iframe加载一次。然后加载后你可能会更新iframe的链接又导致加...

谷歌chorme浏览器加载两次iframe的问题解决

u010652906的专栏

09-01

4256

这个问题着实麻烦，在ie下面正常，只有在chrome浏览器下面会加载两次iframe的内容，并且第二次缺失所有的js方法，也不会报错。这里记录下结局办法：最简单的解决办法就是在写iframe标签的时候不添加src属性，在使用时随时添加。定义iframe标签 &lt;iframe id="iframe" style="width: 100%;height: 100% " &gt;...

JS事件click调用两次、多次

落霞朝阳七千里，夏雨冬雪九万顷

06-18

4376

JS事件click调用两次、多次昨天项目中遇到一个问题：场景：打开弹窗页面，点击按钮动态对表格添加一行，关闭弹窗之后再打开弹窗，点击按钮就出现了直接添加两行，

iframe 在chrome 下会重复请求

yangliu4683的博客

01-04

3435

解决办法 iframe 初始src 为空动态赋值 1： id="dashboard" src=""> 2：$(function() { $("#dashboard").attr("src","${baseUrl}/dashboard/main.do"); }

window.addEventListener 监听iframe 触发多次

weixin_45610757的博客

02-11

3389

关于嵌套iframe 会触发多次次的问题这个会触发多次 window.addEventListener('message', (event) => { // 根据上面制定的结构来解析iframe内部发回来的数据 }); 我们可以使用只会触发一次 window.onmessage = function (event) => { // 根据上面制定的结构来解析iframe内部发回来的数据 }; ...

Chorme下iframe请求多次的解决办法&SimpleModal的chorme bug

FruitHardCandy的专栏

06-09

781

Chorme下iframe加载会出现两次大家有没有遇到过这种情况？在我的项目中就遇到这种问题了，所以我想把我的解决办法说一下以让大家不用在这个上面费时间，我的问题是在用JQuery插件SimpleModal的时候发现的，会加载两次html请求，后来一步一步调试加查看一下资料，iframe的onload会在chorme下调用两次，下面是一个小demo可以让你查看出来； <...

top.$.jBox frame 弹窗请求重复，一次为canceled的问题解决

zhaofuqiangmycomm的博客

06-30

697

现象调用jquery.jBox 的方法 <a onclick="openW('/mycrm/a/udef/form/213213123?id=bb1bb114d1fe4af39dcc5beffc0b35b6','<h3>工单信息</h3>')" href="javascript:void(0)">[电]20062817121575342</a> （如果你的href里是个链接，就不要看这个文章了，赶紧回去改成javascript:void(0)试试...

理解同源策略：为何POST请求会发送两次?

"本文主要探讨了前端面试中常见的问题——为何POST请求可能会发送两次，并引入了相关的Web安全策略，特别是同源策略的概念及其作用。" 面试官问及POST请求为什么会发送两次，这个问题涉及到前端开发中的若干关键点...