利用ajax 引入靜態頁公共的頭部與底部

2021-09-14 02:56:54 字數 718 閱讀 9185

利用ajax引入公共的頭部與底部或者多個頁面需要用到的重複的元件,對於新入門的前端來說是很實用的方法,自己也是新手菜鳥一枚,折騰了好久,實現的方法有很多種,這是我個人覺得比較簡單方便的

首先得把公用的頭部與底部分開建立html模板,header.html,asdier-bar.html,footer.html,這裡我舉例主頁面引入頭部與左側選單欄,如下圖:

1、公共頭部頁面

2、公共左側選單頁面

3、主體頁面引入

接下來下面是最重要的:首先得在主頁引入juqery外掛程式,然後在主頁面引入下面的ajax**

$(function()});

$.ajax(});

})

成功引入的效果圖:

vue匯入靜態js vue引入靜態js檔案的方法

由於一些演示,需要對編碼名稱等可快速進行修改,需要頁面方便配置。由於build後的vue專案基本已經看不出原樣,因此需要建立乙個檔案,並在打包的時候不會進行編譯。vue cli 2.0的作法是在static檔案下建立js。vue cli 3.0 的寫法則是直接在public資料夾下建立js 具體操作...

vue 引入原生js vue引入靜態js檔案的方法

由於一些演示,需要對編碼名稱等可快速進行修改,需要頁面方便配置。由於build後的vue專案基本已經看不出原樣,因此需要建立乙個檔案,並在打包的時候不會進行編譯。vue cli 2.0的作法是在static檔案下建立js。vue cli 3.0 的寫法則是直接在public資料夾下建立js 具體操作...

ensprip引入靜態路由 靜態路由理論知識詳解

一 簡介 靜態路由是一種需要管理員手工配置的特殊路由。靜態路由在不同網路環境中有不同的目的 當網路結構比較簡單時,只需配置靜態路由就可以使網路正常工作。在複雜網路環境中,配置靜態路由可以改進網路的效能,並可為重要的應用保證頻寬。靜態路由可在vpn例項中使用,主要用於vpn路由的管理。二 原理 一 靜...