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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
AngularJS通过$sce输出html的方法
Sep 22 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 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
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
jquery ui resizable bug解决方法
2010/10/26 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
JS设置获取cookies的方法
2014/01/26 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
2016/12/04 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
2018/08/03 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
python搭建简易服务器分析与实现
2012/12/15 Python
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
小学教师的个人自我鉴定
2013/10/24 职场文书
项目合作意向书范本
2014/04/01 职场文书
高中课程设置方案
2014/05/28 职场文书
物业管理专业求职信
2014/06/11 职场文书
学生安全责任书模板
2014/07/25 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
张思德观后感
2015/06/09 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python