iframe 动态 加载 src
前段时间帮同事解决问题,iframe不能改变src 动态加载. 研究发现 火狐对iframe的支持度最高 iframe动态加载
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe动态加载</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label for="caidanyi"></label>
<select name="caidanyi" id="caidanyi" οnchange="demo();">
<option value="http://www.ifeng.com" >第一期</option>
<option value="http://www.baidu.com" >第二期</option>
<option value="http://www.xunlei.com">第三期</option>
</select>
</form>
<iframe name="frame1" id="frame1" src="http://www.ifeng.com" height="768" width="1024"></iframe>
<script type="text/javascript">
function demo(){
//第一种方法 使用Window。open
// window.open(document.getElementById('caidanyi').value,'frame1');
//第二种方法:document.getElementById('frame1').src
document.getElementById('frame1').src=document.getElementById('caidanyi').value;
}
</script>
</body>
</html>
iframe 动态 加载 src相关推荐
- 函数载入的html触发onload,JS IFRAME动态加载触发onload事件解析
这篇文章主要为大家详细介绍了JS IFRAME动态加载触发onload事件解析,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. JS代码如下: /* ...
- vue+elementui 中src动态加载图片的时候不起作用
vue+elementui 中src动态加载图片的时候不起作用 代码如下: <el-table-column align="center" label="宠物图片& ...
- iframe异步加载技术及性能
我们会经常使用iframes来加载第三方的内容.广告或者插件.使用iframe是因为它可以和主页面并行加载,不会阻塞主页面.当然使用iframe也是有利有弊的:Steve Souders在他的blog ...
- angular7中使用iframe来加载外部页面
在angular7中使用echarts的线性地图的时候,发现出来缩成了一团,暂未找到解决方案.但是在普通的html中直接引入并使用是没有问题的.因此,转换了思路,使用iframe来加载外部的html, ...
- javascript动态加载css、javascript脚本 方法
1. 动态加载js文件到head标签并执行回调 方法调用:dynamicLoadJs('http://www.yimo.link/static/js/main.min.js',function(){a ...
- 利用 JQuery的load函数动态加载页面
利用JQuery的load函数动态加载页面 JQuery有好多Ajax函数,其中load是用来动态加载一个页面的内容到指定的dom元素上. 我们来做个例子: 做一个上下(左右)结构的页面,其中下左部分 ...
- vue 动态修改后端请求_vue-element-admin实战 | 第二篇: 最小改动接入后台实现根据权限动态加载菜单...
一. 前言 本篇基于 有来商城 youlai-mall微服务项目,通过对vue-element-admin的权限菜单模块理解个性定制其后台接口,实现对vue-element-admin工程几乎不做改动 ...
- js iframe是否加载完成,加载完成执行函数
2019独角兽企业重金招聘Python工程师标准>>> function iframeReady(iframe, fn) { //iframe 如果 加载完成了 if (iframe ...
- EasyUI datagrid动态加载json数据
最近做一个项目,要求是两张张表可能查找出10多种不同的结果集. 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载 ...
最新文章
- canvas绘制闹钟-方法1
- 格式化时间中HH:mm:ss与hh:mm:ss的区别
- Spring冲刺计划会议
- hadoop学习-stream-Top K记录
- ThreadPoolExecutor源码解析(一)
- go 怎么等待所有的协程完成_Go 编程:如何实现协程调度的精准控制
- Hive 常见问题与技巧【Updating】
- 并行程序设计---cuda memory
- AD18安装教程 附软件安装包和汉化包
- 软件项目需求调研报告模板下载_软件项目需求分析报告模板
- aso优化时高权重的积分墙关键词_怎样做好积分墙关键词的优化
- gulp打包报错 “Error: Unhandled ‘error‘ event at new JS_Parse_Error”
- 山西农业大学计算机科学与技术分数线,山西农业大学计算机科学与技术专业2016年在湖北理科高考录取最低分数线...
- virtualbox 菜单栏不见了
- markdown文档插入表情符号支持的英文单词大全 官方
- UI 设计图 图片 测量工具 马克鳗(破解版)
- gxworks2使用指令手册_GX Works2操作手册(智能功能功能模块操作篇):三菱 GX 三菱 GX Works2操作手册(智能功能功能模块操作篇)...
- 各种字符编码与Char字符
- 使用Calibre转换任意格式为支持KF8的mobi文件
- DPDK:UDP 协议栈的实现