Question

我希望它在特定<div>标记内打开网站，就像在以下链接中一样：Responsive。我做错了什么？

<html>
<head>
  <script>
   function mobile320()
    {
     window.location.assign("http://www.idevtechnolabs.com")
    }
  </script>

<style type="text/css">
 body{
  margin: 0px auto;
  padding: 0px;
  background: #06855a;
  text-align: center;
 }

.browser1{
  display: inline-block;
  position: relative;
  width: 320px !important;
  height: 480px !important;
  background: #efefef;
 }
</style>
</head>

 <body>
   <input type="button" value="Load new document" onclick="mobile360()" />
   <div class="browser1"> </div>
 </body>
</html>

Answer 1

那不是div，它是一个iframe：

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

Answer 2

在div中放置一个iframe元素并导航到所需的网站

或执行http get请求并将所需div的内部html设置为响应字符串u get。

Answer 3

将您的功能更改为：

function mobile320() {
    document.querySelector(".browser1").setAttribute("src", "http://www.idevtechnolabs.com");
}

...和你的div ...

<iframe class="browser1"></iframe>

Here's a working example

如何在HTML中的特定Div中打开网站

3 个答案: