## 采用jquery的方法載入網頁的公共的部分時，頁面刷新之時公共部分出現了閃爍 ## 解決方案 ### 將公共部分編譯為js代碼 [鏈接](http://tool.chinaz.com/Tools/Html_Js.aspx) ``` function writeDom() { document.writeln(""); document.writeln(" "); document.writeln(" 山東省學校創客空間服務平臺"); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" 個人中心"); document.writeln(" "); document.writeln(" "); document.writeln(" 退出登錄"); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" 首頁"); document.writeln(" —"); document.writeln(" 報名進度"); document.writeln(" —"); document.writeln(" 賽事中心"); document.writeln(" —"); document.writeln(" 消息中心"); document.writeln(" —"); document.writeln(" 大賽指南"); document.writeln(" —"); document.writeln(" 項目說明"); document.writeln(" —"); document.writeln(" 結果公示"); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); document.writeln(" "); } writeDom() ``` ### 在頁面的公共部分引入j ``` <div id\='Head' class\="public\_top" style\="height: 236px"> <script src='./s.js'></script> </div> ``` ### 解決導航高亮的問題 ``` /\* @pageName : 當前頁面的name \*/ function currentPage(pageName) { if (!pageName || typeof (pageName) != 'string') { throw new Error('當前頁面不存在或參數格式不正確'); } switch (pageName) { case 'competeCenter': $("#Nav a:eq(2)").addClass('current\_nav').siblings().removeClass('current\_nav'); $("#Nav a:eq(0)").addClass('current\_nav'); break; case 'informationCenter': $("#Nav a:eq(3)").addClass('current\_nav').siblings().removeClass('current\_nav'); $("#Nav a:eq(0)").addClass('current\_nav'); break; case 'personalCenter': $("#Nav a:eq(0)").addClass('current\_nav').siblings().removeClass('current\_nav'); $("#Nav a:eq(0)").addClass('current\_nav'); console.log('當前頁面是個人中心頁面'); break; case 'signUpProgress': console.log($('#Nav a:eq(1)')) $("#Nav a:eq(1)").addClass('current\_nav').siblings().removeClass('current\_nav'); $("#Nav a:eq(0)").addClass('current\_nav'); break; case 'systemInformation': $("#Nav a:eq(3)").addClass('current\_nav').siblings().removeClass('current\_nav'); $("#Nav a:eq(0)").addClass('current\_nav'); break; default: } } ```