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 相关文章推荐
js实现运行代码需要刷新的解决方法
Aug 18 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
解决webpack打包速度慢的解决办法汇总
Jul 06 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 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
PHP CKEditor 上传图片实现代码
2009/11/06 PHP
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
php中实现记住密码自动登录的代码
2011/03/02 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
功能强大的php文件上传类
2016/08/29 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
js单独获取一个checkbox看其是否被选中
2014/09/22 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
2016/01/07 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
Javascript 6里的4个新语法
2016/08/25 Javascript
文件上传的几个示例分享【推荐】
2016/12/16 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
2017/03/19 Javascript
angular2实现统一的http请求头方法
2018/08/13 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
SQLite3中文编码 Python的实现
2017/01/11 Python
python3中set(集合)的语法总结分享
2017/03/24 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
详解python中@的用法
2019/03/27 Python
浅谈Django2.0 加xadmin踩的坑
2019/11/15 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
五好党支部事迹材料
2014/02/06 职场文书
《小儿垂钓》教学反思
2014/02/23 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
php修改word的实例方法
2021/11/17 PHP
分享7个 Python 实战项目练习
2022/03/03 Python