js动态改变iframe的src属性

2024-05-07 21:30:42

今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更新结果

写一个<iframe>,src地址为空:

<iframe src="" id="ftpTab" name="ftpTab" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" height="360" width="730"></iframe>

写一个js函数用来加载ftp.php处理文件:

function loadFtp(){var url=document.getElementById("ftpTab").src;if(url=='') url='ftp.php';
}

测试结果为:IE、Opera下正常工作,FF、Chrome、Safari下不工作。

于是打印iframe的src,空才是正确:
IE、Opera下显示空,FF、Chrome、Safari下显示当前文档的地址。

原来是判断错了,没生效。于是更改如下:

var url=window.frames['ftpTab'].document.location.href;
alert(url);

打印结果显示五大浏览器都显示“about:blank”。这样子就好处理了,最终更改loadFtp()函数如下:

function loadFtp(){var url=window.frames['ftpTab'].document.location.href;if(url=='about:blank') document.getElementById("ftpTab").src = "ftp.php";
}

昨天试了下,发现不是上面说的这种问题,而是用到的控件自身的问题,继续熟悉控件

转载于:https://blog.51cto.com/363511884/860288

js动态改变iframe的src属性相关推荐

  1. php改变iframe的src,js动态改变iframe的src属性

    今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更 ...

  2. 用javascript 动态改变iframe 的src 属性

    原文地址为: 用javascript 动态改变iframe 的src 属性 <iframe id="xx"></iframe> <iframe id= ...

  3. 解决javascript动态改变img的src属性图片不显示问题

    解决javascript动态改变img的src属性图片不显示问题 参考文章: (1)解决javascript动态改变img的src属性图片不显示问题 (2)https://www.cnblogs.co ...

  4. js 动态修改iframe的src

    项目组里有功能需要,当前页面获取url传递过来的参数值,动态赋值给iframe的src,从而实现动态加载iframe的需求,代码如下: <!DOCTYPE HTML PUBLIC "- ...

  5. js动态改变iframe的高度

    在数飞OA的开发过程中,遇到问题:一个jsp页面嵌套一个html页面. 〈iframe id="docDetail" width="100%"  height= ...

  6. jQuery如何动态设置iframe的src属性

    一句搞定,不搞那些花里胡哨的 $('#InformationURL').attr('src', 'https://www.baidu.com'); //#InformationURL: iframe的 ...

  7. html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题,今天实现一个进度条加载过程 - phpStudy...

    快速解决js动态改变dom元素属性后页面及时渲染的问题 今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...

  8. 解决js动态改变dom元素属性后页面及时渲染问题

    解决js动态改变dom元素属性后页面及时渲染问题 参考文章: (1)解决js动态改变dom元素属性后页面及时渲染问题 (2)https://www.cnblogs.com/fangsmile/p/49 ...

  9. js中动态修改frame的src属性,frame自己刷新。。。

    弄了半天,结果画蛇添足...:动态修改frame的src属性,然后parent.frame.location.reload()反而错误... 无须自己手工来进行reload() frame会因为src ...

最新文章

  1. SAP Retail Assortment List - 分类列表
  2. api质量等级_第1150期 简单又易操作的辨别润滑油质量的方法
  3. 将jar文件转换成exe可执行文件[转]
  4. JAVA的思维逻辑_[Java教程]计算机程序的思维逻辑
  5. Android开发之EditText输入框限制输入数字和字母的实现方式
  6. 如何使用 C# 判断一个文件是否为程序集
  7. 自身经历第二次面试(阿里)
  8. python怎么制作游戏图片_【图片】从0开始学用Python做游戏的全过程【精品贴】(不定期更新)【python吧】_百度贴吧...
  9. HBase架构设计及原理分析
  10. 4月第三周国内域名解析商Top10:万网升至20.32%
  11. 【错误】expected constructor, destructor, or type conversion before '.' token - 第八个游侠的日志 - 网易博客...
  12. 南京晓庄学院c语言试卷,南京晓庄学院—C语言期末考试复习提纲.doc
  13. ASP.Net七大内置对象 (整理的不错,转过来参考)
  14. 计算机数值分析为什么那么难,数值分析方法
  15. 推荐一款神仙颜值的 Redis 客户端工具
  16. 抖音直播间弹幕发言采集工具
  17. php本地解密,PHPDecode 在线解密工具
  18. 打造爆款关键词选择10种方法
  19. Arduino与JavaScript开发实例-舵机驱动
  20. 【LeetCode刷题笔记-39 714.买卖股票的最佳时机(含手续费)】

热门文章

  1. 武林c语言,c语言printf函数的使用
  2. java保留两位小数怎么_java保留两位小数4种方法
  3. css 毛玻璃_CSS实现雨滴动画效果
  4. android动态service,Android基础回顾之Service
  5. 两栏布局的5中实现方式
  6. 为程序员节省时间的习惯
  7. mysql中group_concat函数_MySQL中group_concat函数
  8. Oracle数据库基本操作
  9. 计算机无法读取exe文件,电脑打不开exe文件怎么解决
  10. 嵌入式linux appace,嵌入式Linux攻略 ACE程序移植过程详细解析 — IT技术