在我的网页上,我有一个打印图标。单击该图标时,我会打开一个弹出页面“Print_content.aspx”
我将查询字符串传递给弹出页面 ?print = 父页面的 URL 和要在父页面“#subcontent”中获取的 DIV 名称,并将 div 子内容(父页面)中的内容加载到我的弹出页面中的 div siteloader .
这与 Mozilla 和 Chrome 完美配合。但不是用 IE
弹出页面中的 Jquery:
var value = window.location.search;
$(document).ready(function () {
$("#siteloader").load(value.replace("?print=", "") + " #subcontent");
});
</script>
Print_content.aspx 的整个标记
<script type="text/javascript" src="../Scripts/jquery-1.7.2.min.js"></script>
<link href="../print.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<table>
<tr>
<td>
<div id="logo">
</div>
</td>
</tr>
<tr>
<td align="center">
<a runat="server" id="img_Print" onclick="window.print()">
<img id="Img1" runat="server" src="/image/btn_print.gif" /></a>
</td>
</tr>
<tr>
<td align="left">
<div id="siteloader">
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var value = window.location.search;
$(document).ready(function () {
$("#siteloader").load(value.replace("?print=", "") + " #subcontent");
});
</script>
<div id="div-overlay" style="position: absolute; top:130px; height: 100%; width: 100%; z-index: 200; opacity: 0.0;background-color:Gray;"> </div>
</body>
</html>