Question

我有这段代码尝试创建一个新窗口，然后提醒用户注意该元素中的html =＆＃34; chatbody＆＃34;。

var w = window.open("window.html", "Messaging with " + $(this).text(), "height=250,width=400");
$(w.document).ready(function()
{
    alert($("#chatbody", w).html());
});

以下是window.html的HTML

<!DOCTYPE HTML >
<html lang = "en">
<head>
    <link rel="stylesheet" href="main_style.css">
    <script src="http://layout.jquery-dev.net/lib/js/jquery-latest.js"></script>
    <script src="windowScript.js?n=10"></script>
</head>
<body>
 <table id = "chatboxFull">
    <tr><td id="chatbody">
        derp!
    </td></tr>
</table>

<br>
<p1>&nbsp;<input id="msg" type="text" />    &nbsp; 
<input id="send_msg" type="button" value="Send" /> </p1>
</body>
</html>

我遇到的问题是该框警告＆＃34;未定义＆＃34;而不是预期的＆＃34; derp！＆＃34;。如果它完全相关，我使用谷歌浏览器。有没有人能够了解为什么会这样？

Answer 1

试试这个：

var w = window.open("window.html", "Messaging with " + $(this).text(), "height=250,width=400");
$(w).load(function()
{
    alert($("#chatbody", w.document).html());
});

Answer 2

如果您需要它来提醒子窗口的#chatbody html的主窗口，请使用alert($("#chatbody", w.document).html());

有关第二个参数，请参阅https://api.jquery.com/jquery/。

jQuery - 新窗口中的元素未定义

2 个答案: