網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

帝國CMS自定義JS如何使用教程?

欄目: IT技術 / 發佈於: / 人氣:1.22W

帝國cms不僅支持很多標籤的調用,對js也有強大的支持,這裏給大家介紹下自定義js如何製作和使用!讓我們一起來看看吧!希望能夠幫到大家哦!

操作方法

(01)登錄帝國cms後台

帝國CMS自定義JS如何使用教程?

(02)選擇【模板】->【管理js模板】,單擊修改,這裏的模板後面要用到,很重要,大家注意下。

帝國CMS自定義JS如何使用教程? 第2張

(03)經過上面一步,數據顯示模板製作好了,在哪裏使用才是關鍵。點【欄目】->【管理自定義js】,如圖所示

帝國CMS自定義JS如何使用教程? 第3張

(04)點增加自定義js,如圖所示,填寫JS調用名稱,查詢SQL語句,使用JS模板

帝國CMS自定義JS如何使用教程? 第4張
帝國CMS自定義JS如何使用教程? 第5張

(05)增加自定義JS後,返回管理自定義JS頁面,點刷新,如下圖:

帝國CMS自定義JS如何使用教程? 第6張

(06)點擊[預覽]可看到調用效果

帝國CMS自定義JS如何使用教程? 第7張

(07)要想添加到哪個頁面就用:<script src="JS地址"></script>這個形式,本文中的例子:<script src="/d/js/js/"></script>,這裏我們以添加到首頁為例,如圖所示

帝國CMS自定義JS如何使用教程? 第8張

(08)首頁修改成功後,點【數據更新】->【刷新首頁】

帝國CMS自定義JS如何使用教程? 第9張

(09)打開網站首頁查看效果,看到下面這結果,恭喜你成功了。

帝國CMS自定義JS如何使用教程? 第10張