html页面用iframe引入公共导航跳转子页面内容不显示或显示不全的问题

html页面用iframe引入公共导航跳转子页面内容不显示或显示不全的问题

今天写页面有好几个页面要用一样的导航栏，所以就写了公共的head.html页面。但是发现用jQuery的load方法引入的时候总是报跨域问题，jQuery我是cdn引入的。懒得解决跨域和下载jQuery。便用了iframe引入。发现会出现一个问题，那就是导航栏点击跳转子页面他的页面会放在iframe的盒子里。

这个问题用一行代码就可以解决，给a标签加一个target属性

target="_parent"

看下我的代码

head.html

<li>

       <a href="./index.html" target="_parent">首页</a>

 </li>

引入head.html的页面写法

<iframe src="header.html" width="100%"; height="60px" frameborder="0" scrolling="no" name="headFrame"></iframe>