如何用JS或者jquery在DIV中加载一个外链

1使用jquery中的load事件。

2load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。

3参数url,[data,[callback]]

url:待装入 HTML 网页网址。

4data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

5callback:载入成功时回调函数。

6例子$("#test").load("index.html")在元素test中载入index页面

1.通过window.open函数

<div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div>

<div onclick="window.open('www.baidu.com','_self')">在当前窗口跳转至百度</div>

2.通过window.location.href函数

<div onclick="window.location.href= 'www.baidu.com'return false">在当前窗口跳转至百度</div>

现在做网页，通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。

在 Delphi 里面，可以用 Panel 套 Panel 的方式来布局，然后设置各个 Panel 的 Align 属性。

现在 html5 的网页开发，是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此，这里就是多层 div 嵌套。

假设要对某一层 div 做一个链接，点击后会导航到另外一个链接地址。这时候，不能给 div 外面写 <a href="xxxxx">这种代码。如果这样写，会破坏 div 的嵌套框架，搞乱页面布局。

$(this).wrap("<a href='"+a+"' ></a>")

主要就是因为你的这个a被当成了一个字符，而不是一个字符串。

你先写"<a href='"是一个字符串，然后用+拼接字符串，把变量a连接上，再加上后面的字符串"' ></a>"。

这样输出的时候a会被它的内容XXX给替换掉，变成<a href="XXX"></a>。

---