使用 jquery.html方法寫一個在ready 狀態就自動加載的導航欄,讓每個頁面只需要讀取 js 文件就可以有導航欄,不需要每個頁面都copy一大段代碼,而且需要改動時也不需要每個使用到導航欄的頁面都去改。
由於javascript 語法規則規定換行相當于結束上一個語句不在乎是否有 ;號,而想在js文件中把一大段的html代碼寫成一行既不美觀也不好更改.。
所以上網找到兩種方法可以使得能換行連接語句
第一種方法:語句後面加 “\”
var navbar_html='\
<div class="nav col">\
<a class="navbar-brand" href="index.html">主頁</a>\
<ul class="navbar-nav">\
<li class="nav-item"><a class="nav-link" href="record.html">1</a></li>\
<li class="nav-item"><a class="nav-link" href="#">2</a></li>\
<li class="nav-item"><a class="nav-link" href="#">3</