我想将网页上的某个容器流式传输到另一个窗口。
该设置类似于销售点系统。即面向操作员的显示器和第二面向客户的显示器。
面向操作员的显示将具有包含所有工具栏,菜单等的窗口。而面向客户的显示将仅显示第一个面向操作员的窗口中的特定容器。
如下所示:操作员显示屏将包含完整的网页内容。客户显示中仅包含#output容器。
操作员显示
<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>
客户展示
<div id="output">
//OUTPUT GOES HERE
</div>
反正有这样做吗?
由于您将“流”用引号引起来,因此我假设您正在寻找针对此问题的不同解决方案。
在浏览器中,您可以轻松地打开一个新窗口并从主页进行控制,我创建了一个实现案例的小片段,其中可以在一个窗口上添加项目,并在另一个窗口上显示它们。
这些行是最重要的:
const posWindow = window.open("about:blank", "customerDisplayWindow", "height: 50,width: 50");
posWindow.document.body.innerHTML = '<h2>Items</h2><ul id="item-display"></ul>';
您可能会想出比修改文档更干净的解决方案,但是您知道了。
https://jsfiddle.net/jhd5L8wa/1/
我建议阅读有关MDN的页面Window.open()
(尤其是第三个参数windowFeatures),以了解有关打开的窗口的外观和行为的更多信息。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句