使用js控制iframe中的各元素

最新推荐文章于 2021-04-21 15:17:00 发布
最新推荐文章于 2021-04-21 15:17:00 发布
阅读量3.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Html及JS 文章标签： iframe border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zuoyefeng_com/article/details/1633641
本文介绍了一个简单的登录表单验证脚本，确保用户在提交表单前已正确填写用户名和密码。通过JavaScript实现焦点定位和错误提示，提升用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script type="text/javascript">
var form=document.getElementById("loginForm");
  if (form.username.value=="")
  { alert("请填写会员名");
   form.username.focus();
   
  }
  if (form.password.value=="")
  { alert("请填写密码");
   form.password.focus();
  
  }
</script>
<iframe src="../../bbs_login.aspx" border="0" height="0" width="0" style="visibility: hidden"></iframe>

 
使用 JavaScript 操纵 iframe 中的 window 对象
ZuqCloud的博客
09-28 459
通过 JavaScript，我们可以操纵 iframe 中的 window 对象，从而实现对嵌入网页的控制和交互。现在，我们可以使用 iframeWindow 对象来执行与 iframe 中的网页交互的操作。除了修改文档内容，我们还可以通过 iframeWindow 对象执行其他操作，例如触发 iframe 中的事件、调用 iframe 中的函数等。在 JavaScript 中，我们可以通过获取 iframe 元素的引用来访问 iframe 中的 window 对象。
js控制iframe内元素
愤怒的coder
02-23 801
&lt;iframe id="myframe" src="http://www.baidu.com" width="50%" height="50%" align="center" style="margin-top:50px;" scrolling="no" frameborder="0"&gt; &lt;/iframe
iframe使用方法之：用js操纵iframe里面的元素
热门推荐
壁立千仞无欲则刚的博客
05-19 1万+
iframe跟普通的元素不一样，用普通的方法来操纵他不可以。 var str=$("#descIframe").html();//这是一个iframe元素，这个是undefined var str=$("#selectorDiv").html();//这是一个普通的div，这个可以取到值 方法之一： var str=$(document.getEleme
使用JS操作 iframe
Rainy
09-13 246
iframe里的js要操作父级窗口的dom，必须搞懂几个对象： parent是父窗口（如果窗口是顶级窗口，那么parent==self==top）， top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe）， self是当前窗口（等价window）， opener是用open方法打开当前窗口的那个窗口； 这样iframe里的js要操作父级窗口的dom可以通过par...
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
10-21
iframe元素中的内容对于外部页面来说是隔离的，有自己的DOM树和执行上下文。因此，直接操作iframe内部的DOM元素是不可能的，除非通过特定的JavaScript代码来实现。 在父页面中获取iframe内部的DOM元素可以通过以下...
用javascript控制iframe滚动的代码
10-30
用javascript控制iframe滚动的代码 本文将详细介绍如何使用javascript控制iframe的滚动，实现点击iframe外部的图片或按钮来滚动iframe中的内容，同时隐藏iframe的滚动条。 一、iframe基本概念 iframe（ Inline ...
iframe里使用JavaScript控制主页转向的方法
10-24
知识点二：JavaScript控制iframe跳转 要在iframe中控制主页跳转，我们通常需要借助JavaScript来实现。JavaScript能够通过操作iframe内部的window对象及其属性来改变页面的导航行为。 知识点三：***和window.self的...
JS操作iframe里的dom(实例讲解)
10-26
在JavaScript中，操作`iframe`内的DOM元素是常见的需求，特别是在构建复杂的网页应用时。`iframe`（Inline Frame）是一种可以在HTML文档中嵌入另一个HTML文档的元素，它允许我们实现页面分隔、加载外部资源或者创建...
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: document.frames[‘iframe的name’].document.getElementById(‘元素的ID’); 以上方法，不仅对iframe适用，对frameset里的frame也同样适用。IE虽然擅于自定标准，但不得不说它很多的设计还是比较体现人性化的。比如这个，它在同样支持下面的标准路
js操作控制iframe页面的dom元素
weixin_30399797的博客
04-17 2479
1、代码1 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我是demo1.html</title> <script src="js/jquery-2.1...
JS操作iframe元素
weixin_30412577的博客
12-23 818
1. demo1.html页面中有个iframe元素，iframe元素的src是iframe1.html，怎么在demo1.html页面中操作iframe1.html页面 答曰：demo1.html中，js先找到iframe元素（比如命名为：oIframe），那么oIframe.contentWindow就是iframe1.html这个页面的window，剩下了就是DOM操作的事情了。 举例...
js 操作 iframe
清风的专栏
10-14 532
JS操作iframe里的dom<br />发表于: 2010/06/24 23:00 | 发表在: JS与RIA | Tags: Dom , iframe , JavaScript | 被浏览2577次 <br />看到断桥残雪 对我上一篇日志的回复我也学习了一下JS操作iframe里的dom；主要参考了断桥残雪的《用JavaScript在IE和Firefox下进行iframe的DOM操作 》和支付宝UED的《用JS访问操作iframe里的dom 》，非常不错的两篇文章。一、父级窗口
js 控制iframe 的方法。。。
ethansky的专栏
09-13 856
Test Page function show(){         window.frames["iframe_text"].document.getElementById("myH1").innerHTML = "http://www.pint.com"; } name="iframe_text"> /> d   "http://www.w3.or
JS/JQuery操作iframe元素
我的博客
04-21 229
JS操作iframe元素 ...
jQuery控制iframe框架内元素
a538641097的博客
05-27 2191
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); 2.在IFRAME中操作 选中父窗口中的所有单选钮...
Js操作iframe
Gob
12-02 857
Js操作iframe核心是操作本页面跟iframe的window对象 比较常用的案例：通过iframe来无刷新登录（远古的ajax）重点在：form的target 忘记密码？记住我 登录 使用合作网站账号登录：还没有帐号？马上注册
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值