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

來源:酷知科普網 1.25W

帝國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張
熱門標籤