如何從兩個不同的頁面並排獲取兩個divs，如whatsappweb？

Question

任何人都可以幫助我如何像使用javascript.I想顯示他們在一個單一的page.Below不同頁面的WhatsApp網絡側得到兩個div一邊是我的代碼：

page1.html代碼：

<div class="page1"> 
<p>hii</p> 
<div> 

代碼page2.html的：

<div class="page2"> 
<p>hello</p> 
<div> 

我的PHP代碼：

<?php if($chat_topic_id==1) { 
    if(isset($_SESSION['customer_id'])!=""){ 
    $onclickEvent = "onclick='return showChatWindowApplication(".$chat_question_id.");'"; 
    }else{ 
$onclickEvent = "onclick='return ChatLoginModule(".$chat_question_id.");'"; 
        }?> 
<div><a href="javascript:void(0);" <?php echo $onclickEvent;?>> 
<p><?php echo $chat_question_title;?></p></a></div> 

Answer 1

這是你在找什麼？

section { 
 
    width: 100%; 
 
    height: 200px; 
 
    margin: auto; 
 
} 
 
div#page1{ 
 
    width: 50%; 
 
    height: 200px; 
 
    background: red; 
 
    float: left; 
 
} 
 
div#page2{ 
 
    margin-left: 50%; 
 
    height: 200px; 
 
    background: black; 
 
}

<section> 
 
    <div id="page1"></div> 
 
    <div id="page2"></div> 
 
</section>

所有的

Answer 2

首先，你的例子是假的。

這將是正確的榜樣：

.page1, .page2 { 
 
    display: inline-block; 
 
}

<div class="page1"> 
 
<p>hii</p> 
 
</div> 
 

 
<div class="page2"> 
 
<p>hello</p> 
 
</div>

乾杯。使用

Answer 3

iframe 
 
{ 
 
width:49%; 
 
float:left; 
 
height:1000px;}

<iframe src="http://www.w3schools.com/"></iframe> 
 

 
<iframe src="https://www.tutorialspoint.com/"></iframe>

iframe中可以顯示兩個不同的頁面事務所窗口