Discuz! 前端 JS 常用函數(shù)解釋

v2studio

showMenu() 顯示彈出菜單
參數(shù) v 數(shù)組格式：{'key1':'value1', 'key2':'value2', 'key3':'value3'}
參數(shù)如下：

key	默認(rèn)值	含義	可選值及解釋
ctrlid	(必填)	控制菜單的 id
showid	ctrlid	彈出菜單的 id
menuid	showid + '_menu'	顯示菜單的 id
evt	'mouseover'	響應(yīng)函數(shù)的事件	click: ctrlObj 的 onclick 觸發(fā)                            mouseover: ctrlObj 的 onmouseover 觸發(fā)
pos	'43'	菜單位置	詳見 setMenuPosition() 中對 pos 的解釋
layer	1	菜單層級	大于 0 的任意整數(shù)
duration	2	菜單顯示方式	3:菜單一直顯示，除非執(zhí)行 hideMenu()，或者頁面 unload                            2:鼠標(biāo)移開 ctrlObj 及 menuObj 即開始計(jì)時(shí) timeout 毫秒后消失                            1:鼠標(biāo)移開 ctrlObj 即開始計(jì)時(shí) timeout 毫秒后消失                            0:菜單顯示即開始計(jì)時(shí) timeout 毫秒后消失
timeout	250	菜單持續(xù)時(shí)間	單位：毫秒
mtype	'menu'	菜單類型	menu:普通菜單                            win:浮窗                            prompt:提示信息                            dialog:對話框
maxh	600	菜單最大高度，實(shí)際高度超過 maxh 時(shí)菜單將出現(xiàn)垂直滾動(dòng)條
cache	1	是否緩存菜單	1:是                            0:否
drag		拖拽菜單對象的 id，如果希望整個(gè)菜單都可以拖拽 請?jiān)O(shè)置 drag 等于1
fade	0	淡入淡出效果	1:是                            0:否
cover	0	是否顯示一個(gè)遮罩覆蓋整個(gè)頁面	1:是                            0:否
zindex	JSMENU['zIndex']['menu']	菜單層疊順序
ctrlclass		控制對象在菜單彈出后的 class 值，duration = 2 時(shí)有效

onmouseover="showMenu(this.id)"


ajaxmenu() AJAX/GET請求 顯示彈出菜單
ajaxmenu(ctrlObj, timeout, cache, duration, pos, recall, idclass, contentclass)
參數(shù)如下：               

key	默認(rèn)值	含義	可選值及解釋
ctrlObj	(必填)	控制菜單的對象
timeout	3000	菜單持續(xù)時(shí)間
cache	1	是否緩存菜單	1:是                            0:否
duration	0 (timeout = 0 時(shí)為 3)	菜單顯示方式	3:菜單一直顯示，除非執(zhí)行 hideMenu()，或者頁面 unload                            2:鼠標(biāo)移開 ctrlObj 及 menuObj 即開始計(jì)時(shí) timeout 毫秒后消失                            1:鼠標(biāo)移開 ctrlObj 即開始計(jì)時(shí) timeout 毫秒后消失                            0:菜單顯示即開始計(jì)時(shí) timeout 毫秒后消失
pos	'43'	菜單位置	詳見 setMenuPosition() 中對 pos 的解釋
recall		信息返回后執(zhí)行的代碼
idclass	'p_pop'	菜單的 class 屬性值
contentclass	'p_opt'	菜單內(nèi)容的 class 屬性值

setMenuPosition() 菜單定位
setMenuPosition(showid, menuid, pos)
參數(shù)如下：

key	默認(rèn)值	含義	可選值及解釋
showid	(必填)	彈出菜單的 id
menuid	(必填)	菜單 id
pos	'43'	菜單彈出位置及方向，必須是字串類型格式"BD"，B 為基點(diǎn) D 為方向。方向設(shè)定后，函數(shù)會(huì)根據(jù)實(shí)際彈出的位置及瀏覽器窗口大小進(jìn)行二次調(diào)整，取消二次調(diào)整請以"!"結(jié)尾表示強(qiáng)制	BD:自定義                            B:           D:                            1:左上角  1:左上方                            2:右上角  2:右上方                            3:右下角  3:右下方                            4:左下角  4:左下方                            00: 屏幕居中 不需要設(shè)置位置

id="userpop_$value[uid]"


showDialog() 顯示對話框
showDialog(msg, mode, t, func, cover, funccancel, leftmsg, confirmtxt, canceltxt, closetime, locationtime)
參數(shù)如下：

key	默認(rèn)值	含義	可選值及解釋
msg	(必填)	提示信息內(nèi)容
mode	'alert'	對話框模式	alert/right:有確定按鈕                            confirm:有確定和取消按鈕                            notice:有確定按鈕                            info:沒有按鈕
t	'提示信息'	對話框標(biāo)題
func		點(diǎn)"確定"執(zhí)行的函數(shù)
cover	1 (mode = 'info' 時(shí)為 0)	是否顯示一個(gè)遮罩覆蓋整個(gè)頁面	1:是                            0:否
funccancel		點(diǎn)"取消"執(zhí)行的函數(shù)
leftmsg		底部左側(cè)信息
confirmtxt	'確定'	確定按鈕的文字
canceltxt	'取消'	取消按鈕的文字
closetime		自動(dòng)關(guān)閉的時(shí)間，單位"秒"leftmsg 強(qiáng)制更改為"n 秒后窗口關(guān)閉"
locationtime		自動(dòng)跳轉(zhuǎn)時(shí)間，單位"秒"leftmsg 強(qiáng)制更改為"n 秒后頁面跳轉(zhuǎn)"

showWindow() AJAX彈窗
showWindow(k, url, mode, cache, v)
參數(shù)如下：

key	默認(rèn)值	含義	可選值及解釋
k	(必填)	浮窗的 key
url	(必填)	get 方式 url 表示浮窗請求的地址post 方式 url 表示浮窗提交的表單 id
mode	'get'	彈窗請求類型	get: ajaxget 方式請求 url                            post: ajaxpost 方式請求 url
cache	1	是否緩存彈窗內(nèi)容	1:是                            0:否
v		由于 showWindow() 是以 showMenu() 函數(shù)為內(nèi)核，因此此處可微調(diào) showMenu() 參數(shù)，如不指定則使用 showWindow() 的默認(rèn)值

注意：同一頁面同時(shí)可以彈出多個(gè)浮窗，但 k 及 url 相同的浮窗同時(shí)只能顯示一個(gè)浮窗標(biāo)題區(qū)域支持拖拽關(guān)閉浮窗請使用 hideWindow(k);


showPrompt() 彈出提示
showPrompt(ctrlid, evt, msg, timeout, classname)
參數(shù)如下：

key	默認(rèn)值	含義	可選值及解釋
ctrlid	null	控制菜單的 id
evt	null	響應(yīng)函數(shù)的事件	click: ctrlObj 的 onclick 觸發(fā)                            mouseover: ctrlObj 的 onmouseover 觸發(fā)
msg	(必填)	提示信息內(nèi)容
timeout	1500	顯示持續(xù)時(shí)間	單位：毫秒
classname	(選填)	控制對象在彈出后的 class 值

showPrompt(null, null, '操作成功', 1500, 'newbox');


ajaxget() AJAX/GET請求
ajaxget(url, showid, waitid, loading, display, recall)
參數(shù)如下：

key	默認(rèn)值	含義
url	(必填)	請求的 url
showid	(必填)	ajax 返回信息顯示區(qū)域的 id
waitid	showid	ajax 請求過程中顯示等待信息區(qū)域的 id
display		信息返回后 showId 的 style.display 值
recall		信息返回后執(zhí)行的代碼

ajax返回內(nèi)容中的標(biāo)記可增加如下幾個(gè)屬性，可讓鏈接自動(dòng)實(shí)現(xiàn)ajaxget功能
ajaxtarget: 屬性含義同 ajaxget() 的 showid
ajaxwaitid: 屬性含義同 ajaxget() 的 waitid
ajaxloading: 屬性含義同 ajaxget() 的 loading
ajaxdisplay: 屬性含義同 ajaxget() 的 display
ajaxfunc：屬性含義同 ajaxget() 的 recall
               
            
ajaxpost() AJAX/POST請求
ajaxpost(formid, showid, waitid, showidclass, submitbtn, recall)
參數(shù)如下：

key	默認(rèn)值	含義
formid	(必填)	ajax 提交的表單 id
showid	(必填)	ajax 返回信息顯示區(qū)域的 id
waitid	showid	ajax 請求過程中顯示等待信息區(qū)域的 id
showidclass		表單提交后返回信息顯示區(qū)域的樣式
submitbtn		表單提交按鈕 ajax 請求發(fā)出后將會(huì)禁用這個(gè)按鈕
recall		信息返回后執(zhí)行的代碼