编程 Javascript

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>

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>

注意：必须同源

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

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

HTML上传控件取消选择

Mar 06 Javascript

JS嵌套函数调用上下文的问题解决

Mar 26 Javascript

基于jquery和svg实现超炫酷的动画特效

Dec 09 Javascript

javascript的BOM

May 03 Javascript

JS不用正则验证输入的字符串是否为空(包含空格)的实现代码

Jun 14 Javascript

jQuery实现圣诞节礼物动画案例解析

Dec 25 Javascript

详解Vue 开发模式下跨域问题

Jun 06 Javascript

three.js中文文档学习之如何本地运行详解

Nov 20 Javascript

详解Webpack多环境代码打包的方法

Aug 03 Javascript

jquery拖拽自动排序插件使用方法详解

Jul 20 jQuery

JavaScript 中 JSON.parse 函数和 JSON.stringify 函数

Dec 05 Javascript

小程序自定义导航栏兼容适配所有机型（附完整案例）

Apr 26 Javascript

jquery 实现两Select 标签项互调示例代码

Sep 25 #Javascript

$("").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