jquery获得同源iframe内body下标签的值的方法
更新时间：2014年09月25日 17:35:29 投稿：whsnow
这篇文章主要介绍了jquery获得同源iframe内body下标签的值的方法,很简单，很实用，需要的朋友可以参考下
test.html
Html代码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery</title>
<style type="text/css">
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#show").click(function (){
var iframeObj = $(window.frames["iframe_name"].document);
alert(iframeObj.find("#un").val());
});
});
</script>
</head>
<body>
<input type="button" id="show" value="show" />
<iframe id="iframe_id" name="iframe_name" src="http://localhost/test/login.html"></iframe>
</body>
</html>
login.html
Html代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>登录页面</title> </head> <body> <form method="POST" action="#"> 用户名：<input id="un" type="text" name="username" value="123d" /> 密 码：<input type="text" name="password"/> <input type="submit" value="提交"> </form> </body> </html>
注意：必须同源
您可能感兴趣的文章:
- jquery tab标签页的制作
- jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
- jQuery如何获取同一个类标签的所有值(默认无法获取)
- jquery 实现两Select 标签项互调示例代码
- jQuery 动态云标签插件
- jQuery实现tab标签自动切换的方法
- jQuery实现当前页面标签高亮显示的方法
- jquery实现标签支持图文排列带上下箭头按钮的选项卡
- jQuery标签编辑插件Tagit使用指南
- jquery实现标签上移、下移、置顶
- JQuery中两个ul标签的li互相移动实现方法
- jQuery实现将页面上HTML标签换成另外标签的方法
- jQuery实现模拟marquee标签效果
- jQuery实现平滑滚动的标签分栏切换效果
- JQuery标签页效果的两个实例讲解（4）
相关文章
这篇文章主要为大家详细介绍了jQuery基本筛选选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
jQuery照片伸缩效果，不是单纯的图片放大缩小，不影响其他元素的布局,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery内容过滤选择器用法,结合实例形式分析了jQuery中使用contains、empty、has、parent等进行内容过滤的操作技巧,需要的朋友可以参考下2016-09-09
在网页设计中，不论是为了减少于由于页面跳转而带来的不友好用户体验，还是为了维持桌面应用程序的使用习惯，对话框的设计都是不可或缺的。2013-05-05
这篇文章主要介绍了jquery实现左右滑动菜单效果代码，涉及jquery鼠标事件相关技巧，具有一定参考借鉴价值，需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery如何实现模糊搜索，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
jquery tree 可编辑节点实现代码(jquery一句话节点菜单)
jquery tree 可编辑节点，实现的三级菜单实现代码，这里我们将为大家准备了两个。一个是锋利的jquery中的一句话导航菜单实现代码。非常不错。2009-11-11
基于jquery的时间段实现代码，需要的朋友可以参考下2012-08-08
大概原理就是填充后div的总高度 （1000px） 显示高度（100px） 则页面总数为10页 。当查看第二页时，显示的div高度为100 - 200之间，以此类推2014-09-09
这篇文章主要介绍了jQuery AJAX应用,结合实例形式总结分析了jQuery 使用AJAX访问各种格式数据相关应用操作实现技巧,需要的朋友可以参考下2020-05-05
最新评论