它甚至可能吗？从点击插入框架/ iframe或（web视图） - Javascript/jquery/HTML

Question

我想要一个HTML页面，用户可以通过添加框架将屏幕拆分成一半，四分之一，八分之一等与它交互...然后可以将一个单独的URL加载到每个框架中。我下面的粗略图显示了我之后（有点）

这甚至可以使用HTML/JavaScript？

提前感谢

Answer 1

是的，这是可能的，下面是一个例子：

<script> 
 
var frame; 
 
function addFrame() { 
 
\t frame = document.createElement('iframe'); 
 
    frame.height = "200px"; 
 
    frame.width = "200px"; 
 
    frame.setAttribute('id', 'superFrame'); 
 
    document.body.appendChild(frame); 
 
} 
 
function loadGoogle(){ 
 
\t frame.setAttribute('src','https://example.com') 
 
} 
 
</script> 
 
<button onClick="addFrame();"> 
 
Add Frame 
 
</button> 
 
<button onClick="loadGoogle();"> 
 
Load Google 
 
</button>

如果这么想的运行请参阅小提琴链接：

https://jsfiddle.net/x6a0md5e/