<html><frameset> <frame id='top',js实现frameset/iframe的传值赋值与取值

冷不防 2022-08-30 00:59 163阅读 0赞

今天抽了点时间整理了下有关frameset和iframe之间的一些常见的操作：取值、赋值

先上一个frameset框架

index.html

这是常见的布局格式，顶部一个top，下方是左右两个页面

功能一：实现主体布局frame间传值与取值；

如：right.html操作main.html

main.htmlmain.html

--------------------

尝试传值给下方iframe

尝试获取下方iframe中输入框的内容

--------------------

--------------------

$(function()\{

$("\#small").click(function()\{

var obj;

//obj=$(document.getElementById('smallFrame').contentWindow.document.body).html(); //对的

obj=$(document.getElementById('smallFrame').contentWindow.document.body);

$('\#small',obj).html('main.html控制当前文档下iframe(small.html)的内容');

return false;

\});

$("\#getsmallElement").click(function()\{

var obj=$(document.getElementById('smallFrame').contentWindow.document.body);

alert($('\#inp',obj).val());

return false;

\});

\})

1、给id=categoryid的div传值，在right.html中写到var obj;

/\*设置同级frame中元素的内容\*/

obj=$(window.parent.document.getElementById('mainFrame').contentWindow.document.body);

$(obj).find("\#categoryid").html('right.html控制main.html的内容');

//或

//$(window.parent.document.getElementById('mainFrame').contentWindow.document.body).find('\#categoryid').html('来自right.html的内容');

return false;

2、取id=inp输入框的值，在right.html中写到var obj=$(window.parent.document.getElementById('mainFrame').contentWindow.document.body);

alert($('\#inp',obj).val());

return false;

功能二：实现当前页面对iframe页面的传值与取值

如：main.html对其中iframe(small.html)进行操作

small.htmlsmall.html

--------------------

1、给id=small的div进行传值，在main.html中写到var obj;

//obj=$(document.getElementById('smallFrame').contentWindow.document.body).html(); //对的

obj=$(document.getElementById('smallFrame').contentWindow.document.body);

$('\#small',obj).html('main.html控制当前文档下iframe(small.html)的内容');

return false;

2、取id=inp输入框的值，在main.html中写到var obj=$(document.getElementById('smallFrame').contentWindow.document.body);

alert($('\#inp',obj).val());

主要功能代码：

A、在frameset中获取同级frame对应页面对象中的bodyvar obj=$(window.parent.document.getElementById('mainFrame').contentWindow.document.body)

B、获取当前页面下iframe对应页面对象中的bodyvar obj=$(document.getElementById('smallFrame').contentWindow.document.body);

该方法不能实现跨域

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript 数组array赋值与取值

Javascript 数组array赋值与取值目录 Javascript 数组array赋值与取值一、数组元素的赋值 1、在创建Array对象时直接赋值 2、

系统管理员/ 2024年02月17日 13:07/ 0 赞/ 40 阅读

相关对象的赋值与比较（传值引用与传址引用）

编写一个java程序，在程序中定义sentence类，生成sentence类的多个对象，分别对这些对象进行赋值，再比较。 public class sentence{

清疚/ 2022年09月04日 02:59/ 0 赞/ 213 阅读

相关 <frame id='top',js实现frameset/iframe的传值赋值与取值

今天抽了点时间整理了下有关frameset和iframe之间的一些常见的操作：取值、赋值先上一个frameset框架 index.html 这是常见的布局格式，顶部一个

冷不防/ 2022年08月30日 00:59/ 0 赞/ 164 阅读

相关 jQuery radio的取值与赋值

取radio的值： jQuery代码 $("input[name='radioName']:checked").val() 给radio 赋值, 选中值为2的ra

谁践踏了优雅/ 2022年07月15日 03:59/ 0 赞/ 182 阅读

相关 DataTable 赋值取值

using System; using System.Collections.Generic; using System.ComponentModel;

爱被打了一巴掌/ 2022年05月26日 05:17/ 0 赞/ 211 阅读

相关 Thymeleaf前后端传值页面取值与js取值

目的：后端通过Model传值到前端页面通过Model取值显示 js通过Model取值作为变量使用 --------------------

梦里梦外;/ 2022年05月15日 04:34/ 0 赞/ 371 阅读

相关 JSON的赋值与取值

赋值： JSONObject updatejson = new JSONObject(); updatejson.put("memoid", "5"); updatejs

柔情只为你懂/ 2022年05月15日 04:11/ 0 赞/ 359 阅读

相关 Thymeleaf前后端传值页面取值与js取值

Thymeleaf前后端传值页面取值与js取值版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013848401/

我会带着你远行/ 2022年05月09日 14:38/ 0 赞/ 657 阅读

相关 JS 的引用赋值与传值赋值

本文转载自：[https://www.cnblogs.com/cench/p/6019453.html][https_www.cnblogs.com_cench_p_60194

Dear 丶/ 2022年04月24日 15:52/ 0 赞/ 220 阅读

相关 json格式数据的传值与取值

工欲善其事，必先利其器。首先温习一下json是什么、有何用、怎么用。 JSON即JavaScript 对象表示法（JavaScript Object Notat

秒速五厘米/ 2022年03月21日 06:11/ 0 赞/ 392 阅读