Javascript “我怎么能?”;溪流;将我的网页的某个部分转到另一个窗口?

Javascript “我怎么能?”;溪流;将我的网页的某个部分转到另一个窗口?,javascript,websocket,streaming,Javascript,Websocket,Streaming,我想将网页上的某个容器流式传输到另一个窗口 该设置类似于销售点系统。即面向操作员的显示器和第二个面向客户的显示器 面向操作员的显示屏将有一个包含所有工具栏、菜单等的窗口,而面向客户的显示屏将仅显示第一个面向操作员的窗口中的特定容器 如下所示:操作员显示屏将包含完整的网页内容。而客户显示将仅包含#输出容器 操作员显示器 <div id="toolbar"> <ul> <li><button>Action 1</butt

我想将网页上的某个容器流式传输到另一个窗口

该设置类似于销售点系统。即面向操作员的显示器和第二个面向客户的显示器

面向操作员的显示屏将有一个包含所有工具栏、菜单等的窗口,而面向客户的显示屏将仅显示第一个面向操作员的窗口中的特定容器

如下所示:操作员显示屏将包含完整的网页内容。而客户显示将仅包含#输出容器

操作员显示器

<div id="toolbar">
    <ul>
         <li><button>Action 1</button></li>
         <li><button>Action 2</button></li>
    </ul>
</div>
<div id="output">
   //OUTPUT GOES HERE
</div>

  • 行动1
  • 行动2
//输出到这里
客户展示

<div id="output">
   //OUTPUT GOES HERE
</div>

//输出到这里
还有其他方法可以解决这个问题吗?

因为你在引号中加了“stream”,所以我假设你正在寻找解决这个问题的不同方法

在浏览器中,您可以轻松地打开一个新窗口并从主页控制它,我创建了一个小片段,它实现了一个案例,在一个窗口上您可以添加项目并在另一个窗口上显示它们

以下几行是最重要的:

const posWindow = window.open("about:blank", "customerDisplayWindow", "height: 50,width: 50");
posWindow.document.body.innerHTML = '<h2>Items</h2><ul id="item-display"></ul>';
const posWindow=window.open(“关于:空白”,“自定义显示窗口”,“高度:50,宽度:50”);
posWindow.document.body.innerHTML='Items
    您可以提出比修改文档更干净的解决方案,但您已经明白了

    我建议阅读关于
    Window.open()
    (特别是第三个参数,windowFeatures)的MDN页面,以了解打开的窗口的外观和行为