如何将网页的一部分“流式传输”到另一个窗口?

用户名

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

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

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

如下所示:操作员显示屏将包含完整的网页内容。客户显示中仅包含#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>

反正有这样做吗?

her

由于您将“流”用引号引起来,因此我假设您正在寻找针对此问题的不同解决方案。

在此处输入图片说明

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

这些行是最重要的:

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

检索字符串的一部分,从一个字到另一个或将结束

将numpy数组复制到另一个数组的一部分

如何将切片的一部分换成另一个

如何优雅地将数组的一部分复制到或插入另一个数组

如何将一个UIViewController作为屏幕的一部分

将数组复制到NumPy中另一个数组的一部分

如何使Automapper映射另一个表的一部分的属性

如何将NumPy数组广播到另一个NumPy数组的一部分中?

Postgres如何将json的一部分(包括数组)提取到另一个JSON字段中?

如何将外键(另一个模型)上的字段用作模型主键值的一部分

如何从一个单词到另一个单词提取字符串的一部分?

批量将一个变量与另一个变量的一部分匹配

如何将线的一部分复制到另一个位置

将QTableWidget的一部分复制到另一个

如何从另一个路径中删除路径的一部分?

如何从另一个线程锁定方法的一部分?

如何在Matlab中将数组的一部分存储到另一个数组?

将模型的集合仅绑定到另一个集合的一部分

使用迭代器将文件的一部分复制到另一个文件

如何将一个字符串快速复制到另一个字符串的一部分中?

Excel向导:如何创建一个公式,以将数字的一部分乘以一个单元格,另一部分乘以另一个

AWK-如何将变量用作另一个变量名称的一部分

将 div 的一部分放在另一个下面

powershell如何找出一个变量是否是另一个变量的一部分

如何将图像从一个织物画布复制到另一个大织物画布的一部分?

将队列的一部分复制到另一个队列,甚至从队列复制到数组

如何将公式(文本)的结果作为另一个更大公式的一部分?

如何将json的一部分存储到另一个json文件中

我想让 Href 带我到另一个网页的一部分