微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JS动态添加iframe的代码_javascript技巧

php中文网
发布： 2016-05-16 15:39:36
原创
1967人浏览过

一般对于ie9以上的浏览器、chrome等浏览器都可以支持

var iframe = document.createElement('iframe'); 
iframe.src="http://www.jb51.net";  
document.body.appendChild(iframe);
登录后复制

但考虑浏览器的兼容性问题可以使用下面的代码

try{  
   var iframe = document.createElement('<iframe name="ifr"></iframe>');  
  }catch(e){ 
    var iframe = document.createElement('iframe');  
    iframe.name = 'ifr';  
 }
登录后复制

或者

代码小浣熊
代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

代码小浣熊 51
查看详情 代码小浣熊 
if(ie && version < 9) {
  var iframe = document.createElement('<iframe src="http://www.jb51.net"></iframe>');
} else {
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src','http://www.jb51.net');
}
登录后复制

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：IE9+已经不对document.createElement向下兼容的解决方法_javascript技巧 下一篇：JavaScript中this的9种应用场景及三种复合应用场景_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Puppeteer中处理多类名CSS选择器：避免空格的正确姿势 在使用Puppeteer进行网页自动化时，通过CSS选择器定位元素是常见操作。本文旨在解决一个常见误区：当一个元素拥有多个类名时，在CSS选择器中应使用点号（.）连接这些类名，而非空格。空格在CSS选择器中表示后代选择器，会导致定位失败。通过本文，你将掌握在Puppeteer中正确构建多类名CSS选择器的方法，确保元素定位的准确性。
2025-11-17 19:32:02
944
JavaScript日期处理_Moment.js替代方案 Moment.js已停止维护，推荐使用date-fns、Day.js、luxon或Temporal替代；其中date-fns轻量且模块化，Day.js兼容Moment语法，luxon支持时区，Temporal为未来原生方案。
2025-11-17 19:31:06
448
JavaScript二维数组字符存储与console.log输出技巧详解 本文深入探讨了JavaScript中二维数组的元素存储与修改，并着重解析了在使用console.log输出数组内容时常见的陷阱。通过具体示例，我们将详细阐述如何正确地将字符或其他数据类型存入二维数组，以及如何区分console.log中的字符串连接符+与多参数分隔符,，避免因误用导致输出异常，特别是NaN（非数字）的情况，并推荐使用模板字符串进行清晰的日志输出。
2025-11-17 19:30:17
426
JS Proxy拦截器_元编程技巧详解 Proxy是JavaScript中用于创建代理对象的构造函数，可拦截对目标对象的操作。通过newProxy(target,handler)语法实现，其中handler定义get、set等陷阱来控制属性读取和赋值行为，常用于数据校验与响应式系统。
2025-11-17 19:24:06
862
JavaScript数据库操作_MongoDB与MySQL连接池优化 答案：本文介绍了Node.js中MongoDB和MySQL数据库连接池的优化策略。首先解释了连接池的作用，即通过复用连接减少开销、提升高并发性能。随后分别针对MongoDB官方驱动和MySQL（使用mysql2/sequelize）的连接池配置进行说明，涵盖maxPoolSize、minPoolSize、waitQueueTimeoutMS等关键参数设置建议，并提供代码示例。最后提出通用优化原则，包括监控连接使用、避免慢查询、合理关闭资源及根据部署环境调整配置，强调持续调优对系统稳定性与性能的重
2025-11-17 19:23:02
828
JavaScript服务端渲染_水合过程问题排查 水合问题主要由服务端与客户端渲染不一致引起，需确保数据、结构和执行环境统一。1.内容不匹配因window/document使用或异步数据未预取，应通过环境判断和数据预加载解决；2.事件未绑定因生命周期或条件渲染差异，需保证组件树一致并正确使用useEffect；3.第三方库报错因依赖浏览器API，可用动态导入或客户端专用封装；4.HTML被CDN压缩或注入脚本破坏，需比对源码并关闭中间层优化。保持两端一致性是关键。
2025-11-17 19:20:02
618
JavaScript实现虚拟列表优化长列表渲染_javascript优化 虚拟列表通过只渲染可视区域内的元素来提升长列表性能。它基于视口位置动态计算显示范围，用空白占位保持滚动体验，核心步骤包括容器设置、高度计算、滚动监听与可视项更新，适用于大量数据场景如聊天记录、表格展示等。
2025-11-17 18:58:02
367
解决Material-UI Snackbar进度条未完全显示即关闭的问题 本文旨在解决使用Material-UI的Snackbar组件时，其内部LinearProgress进度条在消息关闭前未能完全显示至100%的问题。核心原因在于Material-UILinearProgress组件的CSS过渡动画延迟。解决方案是调整计时器逻辑，将进度条的完成阈值从100%提高到110%，以补偿动画过渡所需的时间，确保视觉上进度条能够完整显示。
2025-11-17 18:55:00
827
实现多个独立复制按钮：基于现代JavaScript的解决方案 本教程旨在解决网页中创建多个独立复制按钮时，因ID非唯一性导致的复制功能失效问题。我们将摒弃传统的硬编码ID方法，转而采用现代JavaScript的querySelectorAll、事件监听器和DOM遍历技术，确保每个按钮都能准确地复制其关联输入框的内容，并提供清晰的用户反馈和良好的可访问性。
2025-11-17 18:53:00
971
JS怎样在Spring中实现日志记录_JS在Spring中实现日志记录的详细教程 前端JS捕获用户行为与错误，通过AJAX发送至Spring后端；Spring用Controller接收日志，经SLF4J与Logback写入文件，实现全链路日志记录。
2025-11-17 18:52:47
797
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部