コードのある時点で、次の方法で JavaScript 変数にアクセスします。
var DASHBOARD = document.parentWindow.parent.Dashboard;
親の値は {object Window} で、その型は DispHTMLWindow2 です。IE8 または IE9 互換ビューでは正常に動作しますが、IE9 では動作しない場合があります。
IE9 では、document.parentWindow.parent.Dashboard の値は未定義であり、そのタイプは未定義です。また、親の値が {...} であり、その型が IE 9 の [オブジェクト、ウィンドウ] であることにも気付きました。
IE 9 で変数 Dashboard にアクセスする別の方法はありますか?
例:
レイアウト.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Create new Layout</title>
<style type="text/css">
.border-top { height: 5px; background-color: #B2B2B2;}
.border-left { width: 3px; height: 100%; background-color: #B2B2B2;}
.content { height: 100%; background-color: #FFFFFF;}
</style>
<script type="text/javascript" src="./container/includes/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="./container/includes/js/jquery-ui-1.8.12.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var dada = "123";
});
</script>
</head>
<body>
<form id="form1" runat="server" style="width: 100%; height: 100%;">
<div style="width: 100%; height: 100%;">
<iframe name="remote_iframe_0" src="layouts2.aspx" id="remote_iframe_0" />
</div>
</form>
</body>
</html>
レイアウト2.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.border-top { height: 5px; background-color: #B2B2B2;}
.border-left { width: 3px; height: 100%; background-color: #B2B2B2;}
.content { height: 100%; background-color: #FFFFFF;}
</style>
<script type="text/javascript" src="./container/includes/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="./container/includes/js/jquery-ui-1.8.12.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
debugger;
});
</script>
</head>
<body>
<form id="form1" runat="server" style="width: 100%; height: 100%;">
<div style="width: 100%; height: 100%;">
AAAA
</div>
</form>
</body>
</html>
デバッガーで変数dadaにアクセスするにはどうすればよいですか? レイアウト2.aspxで?両方のページが同じドメインにあることを考慮してください。