1. 程式人生 > >官網中如果引入公共的頭部導航

官網中如果引入公共的頭部導航

1,把公共的導航的部分寫在一個html裡面,然後用iframe在每個需要的頁面引入

<iframe src="header.html" style="width:510px;height:302px;" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" ></iframe>

但是這個可能導致的一個問題是,他有固定的高度,如果螢幕大小改變,太小時換行。這個導航就可能出現滾動條了。

影響美觀而且這個效果還不是我們想要的。

2,把公共的導航的部分寫在一個html裡面,然後把這個html的內容轉化為js,在需要導航的地方通過<script src="js/header.js"></script>引入就可以啦。

可以百度查詢把html轉化為js的工具,這裡有一個http://tool.chinaz.com/Tools/Html_Js.aspx?qq-pf-to