将给定的URL打开到HTML正文的div标签中

时间:2015-02-05 09:06:42

标签: javascript jquery html html5

我有一个给定的HTML页面,假设

<Html>
       <head>
       </head>
       <body>
          <div id="Test" style="width:100%; height:100%;"></div>
       </body>

我的要求是使用javascript打开一个给定的URL,假设https://www.google.com进入该特定div,保持head标签或任何其他div标签的内容不变。是否可以这样做,如果是的话。提前谢谢。

2 个答案:

答案 0 :(得分:0)

是的,您可以通过2种方式将其注入dom,首先使用iframe。

$('#Test').html("<iframe src='[your url]' width='' height='' />");

这会将iframe将您网页的内容放在#test div中,而不会改变周围的元素。

以上是一种非常简单的方法,在使用jquery&#39; s .load时,您可以做得更好(取决于iframe页面的来源)方法

$("#test").load("somepage.html");

答案 1 :(得分:0)

jQuery函数.load()可以解决问题。

<script language="javascript">
  $(function() {

    $("#Test").load('http://google.com');

  });
</script>