JavaScript Alert通用美化類

2019-11-21 00:57:22

字體：大中小

來源：轉載

供稿：網友

function sAlert(msg,boxtype,func,msgtitle)
sAlert('信息內容',1,'','信息標題')
@msg:提示信息內容
@boxtype：1為彈出框，2為確認框，3為提示框
@func:點確認時執行的函數
@title:信息框標題文字內容
只有msg是必須的，后面的參數可以省略。如果中間的參數為空則在對應位置上''或者""表示（根據實際情況選擇單雙引號）
調用此方法須在每個使用的頁面的head區域加入下面代碼。

復制代碼代碼如下:

 
<script type="text/javascript" src="alert1/alert.js" src="alert1/alert.js"></script> 
<link href="alert1/alert.css" href="alert1/alert.css" rel="stylesheet" type="text/css" /> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">     <head>     <title>彈出框測試頁面</title>         <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />         <meta http-equiv="Content-Language" content="gb2312" />          <style type="text/css"></style>     <script type="text/javascript"></script>     </head>     <body>          <div   class="iwvjtn8m0"   id="msgRun">              <div>         <h5 >寵物專用信息框實例：</h5> <input type="button" value="彈出框" onclick="sAlert('測試效果2',1);" />          <input type="button" value="確認框" onclick="sAlert('確認框',2,'','寵我寶貝');" />         <input type="button" value="提示框" onclick="sAlert('提示框');" />         </div>               <h4>function sAlert(msg,boxtype,func,title)</h4>      <ul>      <li >sAlert('信息內容',1,'','信息標題')</li>      <li >@msg:提示信息內容</li>      <li >@boxtype：1為彈出框，2為確認框，3為提示框</li>      <li >@func:點確認時執行的函數</li>      <li >@title:信息框標題文字內容</li>      <li >只有msg是必須的，后面的參數可以省略。如果中間的參數為空則在對應位置上''或者""表示（根據實際情況選擇單雙引號）</li> <li >調用此方法須在每個使用的頁面的head區域加入下面代碼。</li>      </ul>      <textarea rows="5" cols="60">     <script type="text/javascript" src="alert1/alert.js" src="alert1/alert.js"></script> <link href="alert1/alert.css" href="alert1/alert.css" rel="stylesheet" type="text/css" />

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

測試環境：可以在下面的文本框里按上面要求的格式函數進行測試：

復制代碼代碼如下:

 
sAlert('信息內容',1,'location.href="http://m.survivalescaperooms.com"','信息標題') 

上一篇：javascript 新聞列表排序簡單封裝

下一篇：js鼠標移動在title中顯示圖片的效果代碼

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

JavaScript Alert通用美化類