Javascript 如何在其他站点的页面上呈现文本（一旦脚本植入）

我正在学习javascript，并尝试构建一个类似对讲机的聊天应用程序

一旦我的js脚本被植入，我如何在另一个页面上创建弹出窗口

我在当地这样做：

function Hide()
  {
   document.getElementById('div1').style.visibility="hidden";
  }

---

有很多方法可以做到这一点，我将用一些例子来解释这个想法，让我们开始
我们的代码基于两个功能：
1:

innerHtml=“”此属性用于在元素中注入html。

2:
document.getElementById（“IdName”）
此属性用于选择我们将应用某些功能的元素，在本例中为属性N°1。

3:
我们将在此处附加html或文本。

现在我们从一些例子开始：

第一个示例：

API文件：

function function_name(argument) {
    document.getElementById(argument).innerHTML = "<p>Paragraph example..</p>";
}

请详细解释如何在另一个站点上显示元素一旦put Thank@Bilel，在正文中添加类似“document.body.innerHTML+=”的内容是否存在性能问题？那么如何在不牺牲性能的情况下使其通用？我需要在页面的一角显示一个小图标。对讲机是怎么做到的？请参见此处的屏幕截图，例如，使用id为或类为的div，这样您就不会分离所有现有的DOM节点，但这如何通用？我不知道网站部门的身份确认这一个我认为对你来说会很好
// first of all the user need to put a div with an attribute ID in his html where
//he want to append the html given by the API
    <div id="IdName"></div>
//after that he must call the specified function wich is in our case function_name() and put the ID as argument
    function_name("IdName"); // this will append the html in the div with the ID == IdName

document.body.innerHTML += "<p>Paragraph example..</p>";