weet Alert 是一個(gè)替代傳統(tǒng)的 JavaScript Alert 的漂亮提示效果。SweetAlert 自動(dòng)居中對(duì)齊在頁面中央,不管您使用的是臺(tái)式電腦,手機(jī)或平板電腦看起來效果都很棒。另外提供了豐富的自定義配置選擇,可以靈活控制。
它的使用方法非常簡(jiǎn)單,例如常規(guī)的alert是這樣寫的:
alert("qietu");
sweet alert 則是這樣寫的
swal("qietu");
http://t4t5.github.io/sweetalert
https://github.com/t4t5/sweetalert/archive/master.zip
-------------------------
切圖網(wǎng)qeitu.com 旗下切入口推出 web前端開發(fā)實(shí)戰(zhàn)培訓(xùn),我們有近2000多個(gè)真實(shí)開發(fā)項(xiàng)目做教材,主講有7年前端經(jīng)驗(yàn),教你做項(xiàng)目,包括拿到psd之后的分析思路,布局思路等,大量經(jīng)驗(yàn)傳送,報(bào)名地址:http://qierukou.com/
知道大家有沒有發(fā)現(xiàn)哈,在好多論壇網(wǎng)上啊,或者購物平臺(tái)上啊。都有這么一個(gè)功能就是某些具有特殊含義的關(guān)鍵字是不允許使用的,如罵人的臟話等等 回復(fù)是可以的 但是回復(fù)成功之后顯示出來的字就會(huì)被某些符號(hào)給替換掉。那么這種功能我們來看一下在javascript中是怎么實(shí)現(xiàn)的呢,其實(shí)非常非常簡(jiǎn)單。請(qǐng)看道哥給你說來。
<body> <input type="text" id="a" style="width:500px;height:30px;font-size:24px" /><br/> <input type="button" value="replace字符串替換" onclick="f1()"/><br/> <input type="button" value="replace字符串替換(一次性替換所有)" onclick="f2()"/><br/> </body> <script type="text/javascript"> //replace(old,new)用新的字符串替換舊的字符串 function f1() { var a = document.getElementById("a").value; alert(a.replace("北京","BeiJing"))//直接使用replace替換 此種寫法只替換找到的第一個(gè) } //那么以上的方法只能替換一個(gè)開始第一個(gè),如果想實(shí)現(xiàn)整體全部替換掉可不可以呢, //答案: 肯定是可以的,請(qǐng)看下面 function f2() { var a = document.getElementById("a").value; //此時(shí)會(huì)將文本框中輸入的 只要是 北京 天津 還有河北 都會(huì)替換成**** alert(a.replace(/Jim|Tom|Jeans/gi,"****"))//gi:g全局匹配 i忽略大小寫 } </script>
大家看完以后四不四很簡(jiǎn)單啊,自己動(dòng)手試試看,也會(huì)發(fā)現(xiàn)很神奇喲。在后面的小分享中道哥會(huì)繼續(xù)給大家分享用repace來做網(wǎng)頁中的高亮顯示的小功能,更多分享請(qǐng)關(guān)注道哥的頭條號(hào)喔
天找修改DNN的模塊的發(fā)送按鈕,想做個(gè)彈出發(fā)送成功窗口然后跳轉(zhuǎn)到另外一個(gè)頁,在按鈕添加了Response.Write("...")與 Response.Redirect("...")發(fā)現(xiàn)不能公用。找了半天網(wǎng)上都建議用Response.Write("<script> alert('發(fā)送成功');location.href = '... "'</script>");的方法,但是我的連接是變量啊。好在原來變量也可以的:
string returnURL = Globals.NavigateURL(Convert.ToInt16(Request.QueryString["returnTabid"]));
Response.Write("<script>alert('發(fā)送成功');location.href = '" + returnURL + "'</script>");
問題一:
Response.Write 后連接Response.Redirect ,則Response.Write無法顯示,直接跳轉(zhuǎn)入Response.Redirect 的頁面。
解決方式:
Response.Write("<script languge='javascript'>alert('成功修改'); window.location.href='index.aspx'</script>");
如果,script內(nèi)容中含有變量,那么解決方法是:
string a=當(dāng)前的記錄變量;
500){this.resized=true;this.style.width=500;}" align=top>Response.Write("<script language='javascript'>alert('"+a+"成功修改'); window.location.href="/index.aspx'<";/script>");
問題二:
如果要在連接中傳遞參數(shù),則可用以下方法:
string param = "傳遞的參數(shù)";
Response.Write("<script languge='javascript'>alert('成功修改'); window.location.href='index.aspx?par =" + param + "'</script>");
問題三:
如果在Ajax的UpdatePanel中的按鈕中用Response.Redirect()或Response.Write()進(jìn)行URL帶參數(shù)的頁面重定向時(shí)出現(xiàn)錯(cuò)誤。
由于Ajax是無刷新的,而使用Response進(jìn)行帶參重定向時(shí)需要刷新頁面。在UpdatePanel下設(shè)置“asp: PostBackTrigger”的“ControlID”為指定的控件名稱即可,如:
<Triggers>
<asp:PostBackTrigger ControlID="GridView" />
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。