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 相关文章推荐
Jquery中ajax方法data参数的用法小结
Feb 12 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
Jan 07 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 Javascript
Javascript实现鼠标移入方向感知
Jun 24 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
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
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP遍历二维数组的代码
2011/04/22 PHP
PHP设计模式之迭代器模式的深入解析
2013/06/13 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
jQuery性能优化的38个建议
2014/03/04 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
JS出现404错误原理及解决方案
2020/07/01 Javascript
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
Python help()函数用法详解
2014/03/11 Python
Python for循环生成列表的实例
2018/06/15 Python
python学生管理系统
2019/01/30 Python
基于Python实现用户管理系统
2019/02/26 Python
python分布式计算dispy的使用详解
2019/12/22 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
美国休闲服装品牌:Express
2016/09/24 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
高三语文教学反思
2014/01/15 职场文书
文秘档案管理岗位职责
2014/03/06 职场文书
美术指导助理求职信
2014/04/20 职场文书
大学生党员承诺书
2014/05/20 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
js基础语法与maven项目配置教程案例
2021/07/15 Javascript