frameset中利用$.data在子frame读取数据的jQuery应用

需积分: 10 45 浏览量更新于2024-09-12 1 收藏 2KB TXT 举报

在jQuery中，`.data()` 方法用于存储自定义数据属性到DOM元素上，这对于管理跨页面的数据共享和状态管理非常有用。当在frameset这样的网页结构中，比如在ASP.NET页面（如`default.aspx`）中嵌套多个帧（frames），每个帧可能有自己的独立作用域，理解如何在不同帧间传递和获取`.data()` 数据变得尤为重要。在给定的`default.aspx` 页面中，我们有一个`frameset` 包含两个子帧：`leftFrame` 和 `mainFrame`。其中，`mainFrame` 被用来加载`Default3.aspx`，这是一个可以执行JavaScript的页面。在这个场景下，开发者想要在`default2.aspx`（`leftFrame` 内部的页面）中设置`.data()`，并在`mainFrame` 中访问和显示这个数据。 `default2.aspx` 页面的`<script>` 标签引入了jQuery库，并定义了一个名为`$selector` 的jQuery对象，选择了一个具有特定ID的元素。当用户点击`btnok` 按钮时，`.data()` 方法被用来存储键值对`shan` 和`123`。这意味着在这个事件中，`#temp` 选中的元素将会被关联一个名为`shan` 的键，其值为`123`。然而，在`mainFrame`（`Default3.aspx`）中，由于浏览器的同源策略限制，直接访问其他帧内的DOM元素和数据是受限的。如果要在`mainFrame` 中访问`leftFrame` 中的`.data()`，通常需要通过JavaScript或者使用服务器端脚本（如ASP.NET的服务器控件或AJAX请求）来实现数据交互。一种常见的做法是将数据存储在服务器端，然后在需要的时候从服务器拉取。总结来说，`.data()` 在frameset中的用法主要涉及到跨帧的数据传递和管理，特别是在存在同源策略限制的情况下。为了实现在`mainFrame` 中读取`leftFrame` 的`.data`，开发人员需要考虑使用异步通信机制，如Ajax或通过服务器进行数据转发。这展示了jQuery在复杂Web架构中处理跨页面数据的灵活性，但也强调了跨域安全和性能优化的重要性。

1.default.aspx
<frameset marginhight="0" marginweight="0" id="mainset" border="0" cols="*" frameborder="NO"
framespacing="0" rows="50%,*" scrolling="NO">
<frameset id="fmContent" cols="250px,*" frameborder="yes" border="0" framespacing="0" rows="*" bordercolor="#A4B6D7">
<frame id="leftFrame" name="leftFrame" src="Default2.aspx" frameborder="no" scrolling="NO" noresize="noresize" />
<frame id="mainFrame" name="mainFrame" src="Default3.aspx" frameborder="no" scrolling="auto"/>
</frameset>
2.default2.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<script type="text/javascript" src=" jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var $selector=$("#temp");
$(function () {
$("#btnok").click(function () {
$.data($selector, "shan", "123");
alert($.data($selector,"shan"));
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
2222222
<input id="btnok" value="ok" type="button" />
<div id="temp">
</div>

下载后可阅读完整内容，剩余1页未读，立即下载

shan7777

粉丝: 0
资源: 1

frameset中利用$.data在子frame读取数据的jQuery应用

jquery thickbox遮罩frameset框架的解决办法（请仔细阅读描述）

my97日历控件

Html_CSS_JS_Jquery总结.doc

frame,iframe.frameset用法和区别

html网页代码源--frameset用法整理.pdf

layer.confirm和frameset衝突，如何讓layer.confirm像confirm一樣顯示

解释一下<frameset cols="20%,*"> <frame src="${pageContext.request.contextPath}/user/toLeft" /> <frame src="${pageContext.request.contextPath}/user/toMain" name="main"/> </frameset>

frameset 用法,name,target 用法点左显示在右

jquery-frameset:通过div使页面自动分屏，实现与原生frameset一样的功能

frameset.html

最新资源