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 相关文章推荐
很可爱的输入框
Aug 03 Javascript
Exitjs获取DataView中图片文件名
Nov 26 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
vue打包npm run build时候界面报错的解决
Aug 13 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 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数据库开发知多少
2006/10/09 PHP
虚拟主机中对PHP的特殊设置
2006/10/09 PHP
php 友好URL的实现(吐血推荐)
2008/10/04 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
2017/01/19 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
Python基于PycURL自动处理cookie的方法
2015/07/25 Python
python制作抖音代码舞
2019/04/07 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
马来西亚最热门的在线时尚商店:FashionValet
2018/11/11 全球购物
文史专业毕业生自荐信
2013/11/17 职场文书
物业管理专业个人的自我评价
2013/11/19 职场文书
中学生学雷锋演讲稿
2014/04/26 职场文书
优秀学生党员先进事迹材料
2014/05/29 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
2015毕业寄语大全
2015/02/26 职场文书
经理聘任证明
2015/03/02 职场文书
劳动保障个人工作总结
2015/03/04 职场文书
先进个人自荐书
2015/03/06 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书