HTML/JS 在半页打开新的 url

Question

我正在使用 HTML、CSS 和 Javascript。 我的页面分为两个垂直列。 在右侧，我有一些按钮，单击时会在左侧添加一个句子。 我想要做的是，当我点击一个按钮时，左边的句子被打印出来，右边的内容发生了变化。 我试着制作一个新的 url，但它改变了整个页面的内容。

编辑：我想做的就像餐馆使用的软件（销售点）。 一侧是收据，另一侧是服务员点击食物和饮料的位置，它们出现在收据上。

这是我所拥有的，但都不是关于列内容的新变化：

 function artfato() { var x = document.getElementById("myDIV"); x.innerHTML = "1 Fato" }

 <div class="row"> <div class="column" style="background-color:#bbb;"> <h3>Ticket nº1</h3> <p id="myDIV"></p> </div> <div class="column"> <table id="table"> <tr> <td> <input type="button" value="Fatos" class="ixbt" onclick="artfato();"> </td> <td> <input type="button" value="Calças" class="ixbt" onclick="artfato();"> </td> </tr> </table> </div> </div>

Answer 1

看来您的代码当前正在更改id="myDiv"的内容。 不确定您要查找的确切内容，但您很可能希望对您的每一列或其中一列 append 一些东西，而不是覆盖它。

Answer 2

我不确定您是否正在寻找它，但这里是 go。

首先，将“myDiv”从段落更改为 div。

<div id=myDiv></div>

在此之后，您可以将事件 function (artfato) 更改为如下内容：

var x = document.getElementById("myDIV");
var makeIframe = document.createElement("iframe");
makeIframe.setAttribute("src", "http://aol.com");
makeIframe.setAttribute("scrolling", "no");
makeIframe.style.border = "none";
makeIframe.style.left =  "-453px";
makeIframe.style.top = "-70px";
makeIframe.style.position = "absolute";
makeIframe.style.width = "1440px";
makeIframe.style.height = "775px";

x.appendChild(makeIframe);
style.position = "relative";
makediv.style.overflow = "hidden";

不要忘记设置 position 属性相对和绝对，以维护 div 内的 iframe。

如果您想从自己的来源（域/应用程序）获取内容，请尝试以下操作：

<iframe sandbox="allow-forms allow-same-origin allow-scripts" src="https://yoururl.com/"></iframe>

字体： stackoverflow 答案