Jquery 如何通过多次单击按钮在html div中显示多个外部网页？

我已经创建了2个按钮，并显示一次外部网页使用标签。 例如，我想在按钮1单击时显示webpage1，在按钮2单击时显示webpage2

我的对象标记是：

<object id="obj" type="text/html" data="http://127.0.0.1:8080"> </object>

我将非常感谢你的帮助

完整代码：

<div class="inner-container">

<button type="button" id="surface_btn" >B1</button>
<br>
<button type="button" id="steering_btn">B2</button>
</div>
<div class="d1">
<object id="obj" type="text/html" data="URL" name="search"></object>
</div>

地下一层


地下二层

在你的html中

<div id=“target1”></div>
 <div id=“target2”></div>
<button onclick=‘loadintodiv(“/page1”, $(“#target1”))’></button>
<button onclick=‘loadintodiv(“/page2”, $(“#target1”))’></button>

---

这将把您请求的页面中的数据加载到目标元素中。

请共享代码dude。您还没有共享代码，但我已经从广义上回答了您的问题。但是，包含您的代码是很有帮助的，这样有人可以用一个对您有用的、相关的答案来回答您。我想在同一个分区中加载这两个网页。单击一下？@Sagar我修改了我的答案好的，让我详细解释一下。在我的网页上有两个按钮，B1和B2。我使用这些按钮在一个divd1中显示一个使用标记的外部URL。例如：当我单击B1时，它应该在Div D1中显示网页W1；当我单击B2时，它应该通过隐藏先前的W1在同一Div D1中显示网页W2，反之亦然。@Sagar；这很公平。我可以问一下为什么要使用object标记以及加载了什么类型的数据吗？通过ajax加载内容将缩短页面的初始加载时间。一个简单的切换可以实现这一点吗？因此，将对象设置为显示：无；不过，使用toggle（）onclick可以实现这一点。所以button1 click事件将执行$（element1）.toggle（），button2也是如此。

<div id=“target1”></div>
 <div id=“target2”></div>
<button onclick=‘loadintodiv(“/page1”, $(“#target1”))’></button>
<button onclick=‘loadintodiv(“/page2”, $(“#target1”))’></button>