jquery获得同源iframe内body下标签的值的方法


Posted in Javascript onSeptember 25, 2014

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>

注意:必须同源

Javascript 相关文章推荐
[原创]网络复制内容时常用的正则+editplus
Nov 30 Javascript
在javascript中关于节点内容加强
Apr 11 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 Javascript
jQuery解析返回的xml和json方法详解
Jan 05 Javascript
在bootstrap中实现轮播图实例代码
Jun 11 Javascript
Vue单文件组件的如何使用方式介绍
Jul 28 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
js实现模拟购物商城案例
May 18 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 #Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
Sep 25 #Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 #Javascript
javascritp添加url参数将参数加入到url中
Sep 25 #Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 #Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
Sep 25 #Javascript
jquery动态分页效果堪比时光网
Sep 25 #Javascript
You might like
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
js css样式操作代码(批量操作)
2009/10/09 Javascript
jQuery 方法大全方便学习参考
2010/02/25 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
JavaScript 空间坐标的使用
2020/08/19 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
[02:05:03]完美世界DOTA2联赛循环赛 LBZS VS Matador BO2 10.28
2020/10/28 DOTA
python设置windows桌面壁纸的实现代码
2013/01/28 Python
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
Python数据库的连接实现方法与注意事项
2016/02/27 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
python实现flappy bird游戏
2018/12/24 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
adidas美国官网:adidas US
2016/09/21 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
学生会副主席竞聘书
2014/03/31 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
2014年幼儿园教学工作总结
2014/12/04 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
教师反邪教心得体会
2016/01/15 职场文书
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang