Question

我想在点击按钮后在div上附加文字。但是，该按钮与我要附加文本的div不在同一页面上。但是，当按钮与div在同一页面上时，它确实有效。

我的按钮：

<button id="test">Add Text</button>

我的jQuery：

$('#test').on('click', function () {
    $('<p>Text</p>').appendTo('#aDiv');
});

希望你们能帮助我。

Answer 1

您可以将要附加的文字传递给网址，然后查询其他网页上的网址以附加文字，但直接的JavaScript无法做到这一点。

Answer 2

你不能只使用Javascript。你需要在某个地方坚持价值。您可以使用以下任何一种方法：

查询字符串参数
会话存储
缓存

Answer 3

如果你说它不在同一页面上，你的意思就像不同的网址那么你必须通过uri发送一个参数。这可以工作

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

然后说你的按钮点击了网址http://dummy.com/?technology=jquery

你可以：

var tech = getUrlParameter('technology');
$('<p>'+tech+'</p>').appendTo('#aDiv');

Answer 4

JavaScript运行时环境是沙箱，以防止脚本能够访问其他页面上的元素（在不同的浏览器选项卡中）。一个页面上的代码与另一个页面交互的能力有限，即当一个页面的代码实际创建第二个窗口并用新文档填充该窗口时。

如果你只是想在页面上编写代码，那么＆＃34;与页面上的div相互作用＆＃34; b＆＃34;，你运气不好，这实际上是一件好事。想象一下可能由病毒造成的破坏，可以“跳跃”＃34;超出他们自己的窗口并破坏在其他人中运行的代码。

最接近您要求的内容（自动更新已打开的第二页）将是本地存储API的存储事件。此页面通过示例代码对其进行了解释：https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

Answer 5

如果人们将来遇到这个问题，我找到了一个我想分享的问题的解决方案。

我现在在每次用户点击按钮，登录或新用户注册时存储在我的服务器上的文本文件中写一行。

在我的跟踪页面上，我回显了div中的所有文本文件内容。此外，我想通过AJAX调用每隔几秒更新一次div。

将文本附加到另一页上的div

5 个答案: