2017-05-08 14 views
1

我想要一個HTML頁面,用戶可以通過添加框架將屏幕拆分成一半,四分之一,八分之一等與它交互...然後可以將一個單獨的URL加載到每個框架中。我下面的粗略圖顯示了我之後(有點)它甚至可能嗎?從點擊插入框架/ iframe或(web視圖) - Javascript/jquery/HTML

這甚至可以使用HTML/JavaScript?

提前感謝

enter image description here

+0

是的,這是可能的,但你需要什麼?你嘗試過什麼嗎? –

+0

當然有可能。 iframe是可以放置在任何地方的元素,它們的'src'可以通過編程方式輕鬆設置。這是否實用?也許沒有這個尺度 – charlietfl

+0

是的,我嘗試過,我可以建立iframes/webviews,並獲得內容加載,它的按需用戶右鍵單擊 - >插入iframe部分我不知道 – user3236169

回答

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/

+0

非常感謝!完善! X – user3236169

相關問題