文章目录:
实现原理请看“ 跨域-知识”-window.name节。实现方法如下。
1、在A域的CrossByWindowName.aspx页面中创建一个iframe,把其src指向B页域的CrossByWindowName.aspx页面。通过CrossByWindowName.aspx中的按钮得到通过window.name传回的值。代码如下。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossByWindowName.aspx.cs"
Inherits="IframeTest.CrossByWindowName" %>
<!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 id="Head1" runat="server">
<title></title>
</head>
<body>
<div id="cnt">
<iframe id="ifr" src="http://oatest.mic.com.tw/gsc/CrossByWindowName.aspx" width="100%"
height="500px"></iframe>
</div>
<%--通过此按钮获得Window.Name值,实际得到是在iframe的onload事件中得到。
主要是当点击后,iframe会跳转到本地页面,这样就在同一个域中,这时iframe的load完成后,就可以通过window.name得到值--%>
<input id="btnGetWindowName" type="button" value="GetWindowName" onclick="GetWindowName()" />
</body>
</html>
<script type='text/javascript'>
var state = 0;
var iframe = document.getElementById('ifr');
//给iframe设置onload事件。通过onload事件
if (iframe.attachEvent) {
iframe.attachEvent("onload", function () {
if (state == 1) {
var data = iframe.contentWindow.name; // 读取数据
alert(data);
}
});
} else {
iframe.onload = IframLoadFn;
}
//onload事件
var IframLoadFn = function () {
if (state == 1) {
var data = iframe.contentWindow.name; // 读取数据
alert(data);
} else if (state == 0) {
state = 1;
iframe.contentWindow.location = "Proxy.htm"; // 设置的代理文件,此文件不一定要真实存在
}
};
//state=1 时,表示取数据。0表示
var GetWindowName = function () {
state = 1;
iframe.contentWindow.location = "Proxy.htm"; // 设置的代理文件,此文件不一定要真实存在
}
</script>
Inherits="IframeTest.CrossByWindowName" %>
<!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 id="Head1" runat="server">
<title></title>
</head>
<body>
<div id="cnt">
<iframe id="ifr" src="http://oatest.mic.com.tw/gsc/CrossByWindowName.aspx" width="100%"
height="500px"></iframe>
</div>
<%--通过此按钮获得Window.Name值,实际得到是在iframe的onload事件中得到。
主要是当点击后,iframe会跳转到本地页面,这样就在同一个域中,这时iframe的load完成后,就可以通过window.name得到值--%>
<input id="btnGetWindowName" type="button" value="GetWindowName" onclick="GetWindowName()" />
</body>
</html>
<script type='text/javascript'>
var state = 0;
var iframe = document.getElementById('ifr');
//给iframe设置onload事件。通过onload事件
if (iframe.attachEvent) {
iframe.attachEvent("onload", function () {
if (state == 1) {
var data = iframe.contentWindow.name; // 读取数据
alert(data);
}
});
} else {
iframe.onload = IframLoadFn;
}
//onload事件
var IframLoadFn = function () {
if (state == 1) {
var data = iframe.contentWindow.name; // 读取数据
alert(data);
} else if (state == 0) {
state = 1;
iframe.contentWindow.location = "Proxy.htm"; // 设置的代理文件,此文件不一定要真实存在
}
};
//state=1 时,表示取数据。0表示
var GetWindowName = function () {
state = 1;
iframe.contentWindow.location = "Proxy.htm"; // 设置的代理文件,此文件不一定要真实存在
}
</script>
2、在B域的CrossByWindowName.aspx页面中通过一个按钮及输入框给window.name赋值。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossByWindowName.aspx.cs" Inherits="ExtNetStudy.CrossByWindowName" %>
<!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">
var WindowClick = function () {
window.name = document.getElementById("txtCookie").value;
alert(window.name);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
Winddow.Name:
<input id="txtCookie" type="text" value="Window.name Value" />
<input id="btnWindow" type="button" value="SetWindow" onclick="WindowClick()" />
</div>
</form>
</body>
</html>
<!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">
var WindowClick = function () {
window.name = document.getElementById("txtCookie").value;
alert(window.name);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
Winddow.Name:
<input id="txtCookie" type="text" value="Window.name Value" />
<input id="btnWindow" type="button" value="SetWindow" onclick="WindowClick()" />
</div>
</form>
</body>
</html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
2008-11-12 Oracle中的to_date()函数
2008-11-12 Ms-Sql数据库文件太大处理
2008-11-12 如何查看Ms-sql调度
2007-11-12 C# 操作符重載學習