JavaScript 技巧收集(200多个)

来源:互联网 发布:虚假记忆知乎 编辑:程序博客网 时间:2024/03/29 07:33
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小8.使文字上下滚动共和国 9.状态栏显示该页状态10.可以点击文字实现radio选项的选定
    
11.可以在文字域的font写onclick事件12.打印打印网页13.线型输入框14.显示文档最后修改日期function hi(str){ document.write(document.lastModified) alert("hi"+str+"!")}15.可以在鼠标移到文字上时就触发事件link16.可以根据网页上的选项来确定页面颜色 background.htmlChanging Background Colors
17.将按钮的特征改变   本例按钮的代码如下: 18.改变按钮的图片.   本例的按钮代码如下: 19.打印页面
打印本稿
20.可以直接写html语言document.write("");21.改变下拉框的颜色guoqiang9985925.layer2为组件的ID,可以控制组件是否可见document.all.item('Layer2').style.display = "block";document.all.item('Layer2').style.display = "none";//26.将页面加入favorite中 // 27.过10秒自动关闭页面< script language="JavaScript" >function closeit() {setTimeout("self.close()",10000)}< /script >28.可以比较字符的大小char=post.charAt(i);if(!('0'<=char&&char<='9'))29.将字符转化为数字month = parseInt(char)30.点击value非空的选项时转向指定连接 31.改变背景颜色32.改变文字输入框的背景颜色.input2 {background-image: url('../images/inputbg.gif'); font-size: 12px; background-color: #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}33.改变水平线的特征
34.传递参数的方式835.页内跳转1234567dfdfdfdf//36.两个按键一起按下if(event.ctrlKey && window.event.keyCode==13)//37.刷新页面javascript:this.location.reload()//38.将网页的按钮使能
39.文字移动40.双击网页自动跑//41.后退42.前进43.刷新44.转向指定网页document.location="http://ww"或者document.location.assign("http://guoguo.com")45.在网页上显示实时时间//46.可以下载文件 document.location.href="目标文件"//47.连接数据库import java.sql.*;String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";Class.forName(myDBDriver);Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");Statement stmt=conn.createStatement();ResultSet rs=stmt.executeQuery(sql);rs.getString("column1");//48.可以直接在页面“div”内写下所需内容
//49.可以改变页面上的连接的格式,使其为双线A:link {text-decoration: none; color:#0000FF; font-family: 宋体}A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}A:hover {text-decoration: underline overline; color: FF0000}A:link {text-decoration: none; color:#0000FF; font-family: 宋体}A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}A:hover {text-decoration: underline overline line-through; color: FF0000}TH{FONT-SIZE: 9pt}TD{FONT-SIZE: 9pt}body {SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e7e7e7;}INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋体; FONT-SIZE: 9pt} textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体; font-size: 9pt; font-style: bold;}.text { font-family: "宋体"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px 1px 1px}完整的css50.新建frame帮助51.向文件中写内容<%@ page import="java.io.*" %><% String str = "print me"; //always give the path from root. This way it almost always works. String nameOfTextFile = "/usr/anil/imp.txt"; try { PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile)); pw.println(str); //clean up pw.close(); } catch(IOException e) { out.println(e.getMessage()); }%>52.先读文件再写文件<%@ page language = "java" %><%@ page contentType = "text/html; charSet=gb2312" %><%@ page import ="java.util.*" %><%@ page import ="java.lang.*" %><%@ page import ="javax.servlet.*" %><%@ page import ="javax.servlet.jsp.*" %><%@ page import ="javax.servlet.http.*" %><%@ page import="java.io.*" %>eryrytry<% int count=0; FileInputStream fi =new FileInputStream ("count.txt"); ObjectInputStream si= new ObjectInputStream (fi); count =si.readInt(); count++; out.print(count); si.close(); FileOutputStream fo =new FileOutputStream ("count.txt"); ObjectOutputStream so= new ObjectOutputStream (fo); so.writeInt(count); so.close();%>53.直线型输入框54.可以将背景改为按钮性状,通过改变css改变属性录音笔.mouseoverbt { background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif); background-repeat: no-repeat;}.mouseout { background-color: #E0E0E0;}55.同时按下CTRL和Q键document.onkeydown=function(){if(event.ctrlKey&&event.keyCode==81){alert(1)}}//56.以下是一个完整的显示hint的代码,其思想是当鼠标停留是将div中的内容显示在鼠标出,当鼠标移出后在将该div隐藏掉---------------------------------------------------------------------------------------------------------------------#hint{ width:198px; border:1px solid #000000; background:#99ff33; position:absolute; z-index:9; padding:6px; line-height:17px; text-align:left; top: 1520px;}dfdfd---------------------------------------------------------------------------------------------------------------------57.弹出窗口方法一: 浏览器读页面时弹出窗口; 方法二: 浏览器离开页面时弹出窗口; 方法三:用一个连接调用:打开一个窗口 注意:使用的"#"是虚连接。 方法四:用一个按钮调用: 何时装载script58.动态改变字体的大小function doZoom(size){ document.getElementById('zoom').style.fontSize=size+'px'}function aa(){ var newWin=window.open(url); newWin.document.form1.text1.value=value1;}改变弹出窗口上域的属性opener.document.form2.text2.value=value2;改变父窗口的域的值59.判断是何种浏览器var name = navigator.appName;if (name == "Microsoft Internet Explorer") alert("IE");else if (name == "Netscape") alert("NS");//60.vbsscript确定框//61.复制内容到剪切板function JM_cc(bb){ var ob=eval("document.form1."+bb); ob.select(); js=ob.createTextRange(); js.execCommand("Copy");}//62.java中建立数据库连接取数据public void init(){ String url="jdbc:odbc:javadata"; try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password DatabaseMetaData dma=con.getMetaData(); System.out.println("Connect to"+dma.getURL()); System.out.println(";Driver "+dma.getDriverName()); System.out.println(";Version "+dma.getDriverVersion()); System.out.println(""); Statement stmt=con.createStatement(); ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql rs.next(); String dispresult=rs.getString("name"); System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc. rs.close(); stmt.close(); con.close(); } catch(SQLException ex) { System.out.println("!!!SQL Exception !!!"); while(ex!=null) { System.out.println("SQLState:"+ex.getSQLState()); System.out.println("Message:"+ex.getMessage()); System.out.println("Vendor:"+ex.getErrorCode()); ex=ex.getNextException(); System.out.println(""); } } catch(java.lang.Exception ex) { ex.printStackTrace(); }}//63.最小化窗口window.blur()//64.文档的路径document.URL//65.定时执行某段程序setTimeout("change_color()",600);66.设置为主页function makeHome(){ netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite"); navigator.preference("browser.startup.homepage", location.href);}//67.设置为收藏function addFav(){ if(ie) window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES'); if(ns) alert("Thanks for the bookmark!/n/nNetscape users click OK then press CTRL-D");}//68.判断cookie是否可用navigator.cookieEnabled;//69.显示有模式的有页面的弹出窗口function setbgcolor_onclick(){ var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0"); if (color != null) { document.compose.bgcolor.value = color; }}//70.截取小数点后两位var a=3454545.4454545;alert(a.toFixed(2));//71.禁止选择页面上的文字来拷贝//72.屏蔽右键菜单oncontextmenu="event.returnValue = false"//73.事件禁止起泡event.cancelBubble = true//74.禁止在输入框打开输入法//75.屏蔽汉字和空格//76.用javascript判断文件是否存在function Exists(filespec){ if (filespec) { var fso; fso = new ActiveXObject("Scripting.FileSystemObject"); alert(fso.FileExists(filespec)); }}选择图片

//77.获得当前的文本框选中的文字//78.跳转至目标页面,同时不可返回sohu.com// 79.获得当前的行是表格的第几行                     //80.删除表格某行,xx表示某行,下标从0开始计算document.all.myTable.deleteRow(xx)//81.动态的向表格中添加行asp技术phpjspc#写的.netWEB程序vb.net写的.netWEB程序xml技术

 
//102.是一个特殊的容器,想装个网页都行//button 103.外部的html代码event.srcElement.outerHTML//104.标识当前的IE事件的触发器event.srcElement和event.keyCode//105.事件类型event.type//106.动态改变类型.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}.Outnone {border-width:0;background-color:white;cursor:default;width:115}//107.页面翻转//108.滚屏parent.scroll(x,y);////109.改变状态栏self.status ="";//110.改变窗口大小window.resizeTo(200,300);//111.改变鼠标样式styleBODY{CURSOR: url('mouse.ani');SCROLLBAR-BASE-COLOR: #506AA8; SCROLLBAR-ARROW-COLOR: #14213F;}//112.背景透明//113.鼠标为等待形状//114.调用父窗口的函数opener.fucntion1();//115.body的内部html代码//116.框架中调用父窗口的函数//117.交换节点CELL_1CELL_2
//118.删除节点CELL_1CELL_2
//119.添加节点addNode()//120.获得事件的父与子标签event.srcElement.children[0]和event.srcElement.parentElement // 121.集中为按钮改变颜色button{benc:expression(this.onfocus = function(){this.style.backgroundColor='#E5F0FF';})}//122.判断是左键还是右键被按下//123.获得操作系统的名称和浏览器的名称document.write(navigator.userAgent)// 124.alt/ctrl/shift键按下event.altKey //按下alt键event.ctrlKey //按下ctrl键event.shiftKey //按下shift键 125.将当前位置定位为C盘。{window.location="c:"}//126.返回输入框的类型127.模拟控件的单击事件// 128.取出记录集的列名java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);java.sql.ResultSetMetaData metaData = rset.getMetaData();int count = metaData.getColumnCount();String name = metaData.getColumnName(i);String value = rset.getString(i);//129.格式化数字function format_number(str,digit){ if(isNaN(str)) { alert("您传入的值不是数字!"); return 0; } else if(Math.round(digit)!=digit) { alert("您输入的小数位数不是整数!"); return 0; } else return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);}130.回车按钮转化为tab按钮if(event.keyCode==13) event.keyCode=9; //将 131.滚动条滚动
// 132.判断是什么对象if(typeof(unknown)=="function")return true;if(typeof(unknown)!="object")return false;// 133.取消文本框自动完成功能 //134.让下拉框自动下拉 // 135.读取XML文件var childrenobj=myselect//document.all.myselect; var oXMLDoc = new ActiveXObject('MSXML'); oXMLDoc.url = "mymsg.xml"; var oRoot=oXMLDoc.root; if(oRoot.children != null) { for(var i=0;i杭州地区温州地区台州地区丽水地区// 136.点击图片,图片停止//137.显示本地计算机信息var WshNetwork = new ActiveXObject("WScript.Network");alert("Domain = " + WshNetwork.UserDomain);alert("Computer Name = " + WshNetwork.ComputerName);alert("User Name = " + WshNetwork.UserName);// 138.比较时间 tDate = new Date(2004,01,08,14,35); //年,月,日,时,分 dDate = new Date(); tDatedddd//140.注意不能通过与 undefined 做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”。在以下的代码范例中,假设程序员想测试是否已经声明变量 x :// 这种方法不起作用if (x == undefined) // 作某些操作// 这个方法同样不起作用- 必须检查// 字符串 "undefined"if (typeof(x) == undefined) // 作某些操作// 这个方法有效if (typeof(x) == "undefined") // 作某些操作141.创建具有某些属性的对象var myObject = new Object();myObject.name = "James";myObject.age = "22";myObject.phone = "555 1234";// 142.枚举(循环)对象的所有属性for (var a in myObject){ // 显示 "The property 'name' is James",等等。 window.alert("The property '" + a + "' is " + myObject[a]);}//143.判断一个数字是否是整数var a=23.2;alert(a%1==1)//144.新建日期型变量var a = new Date(2000, 1, 1);alert(a.toLocaleDateString());145.给类定义新的方法function trim_1(){ return this.replace(/(^/s*)|(/s*$)/g, "");}String.prototype.trim=trim_1;alert('cindy'.trim()); 146.定义一个将日期类型转化为字符串的方法function guoguo_date(){ var tmp1,tmp2; tmp1 =this.getMonth()+1+""; if(tmp1.length<2) tmp1="0"+tmp1; tmp2 =this.getDate()+""; if(tmp2.length<2) tmp2="0"+tmp2; return this.getYear()+"-"+tmp1+"-"+tmp2;}Date.prototype.toLiteString=guoguo_date;alert(new Date().toLiteString()) 147. pasta 是有四个参数的构造器,定义对象。function pasta(grain, width, shape, hasEgg){ // 是用什么粮食做的? this.grain = grain; // 多宽?(数值) this.width = width; // 横截面形状?(字符串) this.shape = shape; // 是否加蛋黄?(boolean) this.hasEgg = hasEgg; //定义方法 this.toString=aa;}function aa(){ ;}//定义了对象构造器后,用 new 运算符创建对象实例。var spaghetti = new pasta("wheat", 0.2, "circle", true);var linguine = new pasta("wheat", 0.3, "oval", true);//补充定义属性,spaghetti和linguine都将自动获得新的属性pasta.prototype.foodgroup = "carbohydrates"; 148.打印出错误原因try{ x = y // 产生错误。}catch(e){ document.write(e.description) //打印 "'y' is undefined".}//149.生成EXCEL文件并保存var ExcelSheet;ExcelApp = new ActiveXObject("Excel.Application");ExcelSheet = new ActiveXObject("Excel.Sheet");//本代码启动创建对象的应用程序(在这种情况下,Microsoft Excel 工作表)。一旦对象被创建,就可以用定义的对象变量在代码中引用它。 在下面的例子中,通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象,包括 Application 对象和 ActiveSheet.Cells 集合。 // 使 Excel 通过 Application 对象可见。ExcelSheet.Application.Visible = true;// 将一些文本放置到表格的第一格中。ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";// 保存表格。ExcelSheet.SaveAs("C://TEST.XLS");// 用 Application 对象用 Quit 方法关闭 Excel。ExcelSheet.Application.Quit();//150.根据标签获得一组对象var coll = document.all.tags("DIV");if (coll!=null){for (i=0; i //152.不通过form,直接通过名字引用对象//153.使鼠标滚轮失效function document.onmousewheel(){ return false;}// 154.创建弹出窗口//155.取得鼠标所在处的对象var obj = document.elementFromPoint(event.x,event.y);//156.获得左边的对象//157.定位鼠标document.all.hint_layer.style.left = event.x+document.body.scrollLeft+10;document.all.hint_layer.style.top = event.y+document.body.scrollTop+10;//158.向下拉框指定位置添加项目var op = document.createElement("OPTION");document.all.selected_items.children(index).insertAdjacentElement("BeforeBegin",op);op.text = document.all.all_items[i].text;op.value = document.all.all_items[i].value;// 159.判断一个窗口是否已经打开,如果已经打开,则关闭之var a;if(a) a.close();else a=window.open('','','');//160.动态创建一个标签newElem = document.createElement("DIV");newElem.id = "hint_layer";document.body.appendChild(newElem);document.all.hint_layer.innerText="guoguo";//161.标题栏document.title//162.背景图片//背景图片不动//背景图片居中163.设置透明效果document.form.xxx.filters.alpha.opacity=0~100//164.定义方法var dragapproved=false;document.onmouseup=new Function("dragapproved = false");// 165.将数字转化为人民币大写形式function convertCurrency(currencyDigits) {// Constants: var MAXIMUM_NUMBER = 99999999999.99; // Predefine the radix characters and currency symbols for output: var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var CN_THREE = "叁"; var CN_FOUR = "肆"; var CN_FIVE = "伍"; var CN_SIX = "陆"; var CN_SEVEN = "柒"; var CN_EIGHT = "捌"; var CN_NINE = "玖"; var CN_TEN = "拾"; var CN_HUNDRED = "佰"; var CN_THOUSAND = "仟"; var CN_TEN_THOUSAND = "万"; var CN_HUNDRED_MILLION = "亿"; var CN_SYMBOL = "人民币"; var CN_DOLLAR = "元"; var CN_TEN_CENT = "角"; var CN_CENT = "分"; var CN_INTEGER = "整"; // Variables: var integral; // Represent integral part of digit number. var decimal; // Represent decimal part of digit number. var outputCharacters; // The output result. var parts; var digits, radices, bigRadices, decimals; var zeroCount; var i, p, d; var quotient, modulus; // Validate input string: currencyDigits = currencyDigits.toString(); if (currencyDigits == "") { alert("Empty input!"); return ""; } if (currencyDigits.match(/[^,./d]/) != null) { alert("Invalid characters in the input string!"); return ""; } if ((currencyDigits).match(/^((/d{1,3}(,/d{3})*(.((/d{3},)*/d{1,3}))?)|(/d+(./d+)?))$/) == null) { alert("Illegal format of digit number!"); return ""; } // Normalize the format of input digits: currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters. currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning. // Assert the number is not greater than the maximum number. if (Number(currencyDigits) > MAXIMUM_NUMBER) { alert("Too large a number to convert!"); return ""; } // Process the coversion from currency digits to characters: // Separate integral and decimal parts before processing coversion: parts = currencyDigits.split("."); if (parts.length > 1) { integral = parts[0]; decimal = parts[1]; // Cut down redundant decimal digits that are after the second. decimal = decimal.substr(0, 2); } else { integral = parts[0]; decimal = ""; } // Prepare the characters corresponding to the digits: digits = new Array(CN_ZERO, CN_ONE, CN_TWO, CN_THREE, CN_FOUR, CN_FIVE, CN_SIX, CN_SEVEN, CN_EIGHT, CN_NINE); radices = new Array("", CN_TEN, CN_HUNDRED, CN_THOUSAND); bigRadices = new Array("", CN_TEN_THOUSAND, CN_HUNDRED_MILLION); decimals = new Array(CN_TEN_CENT, CN_CENT); // Start processing: outputCharacters = ""; // Process integral part if it is larger than 0: if (Number(integral) > 0) { zeroCount = 0; for (i = 0; i < integral.length; i++) { p = integral.length - i - 1; d = integral.substr(i, 1); quotient = p / 4; modulus = p % 4; if (d == "0") { zeroCount++; } else { if (zeroCount > 0) { outputCharacters += digits[0]; } zeroCount = 0; outputCharacters += digits[Number(d)] + radices[modulus]; } if (modulus == 0 && zeroCount < 4) { outputCharacters += bigRadices[quotient]; } } outputCharacters += CN_DOLLAR; } // Process decimal part if there is: if (decimal != "") { for (i = 0; i < decimal.length; i++) { d = decimal.substr(i, 1); if (d != "0") { outputCharacters += digits[Number(d)] + decimals[i]; } } } // Confirm and return the final output string: if (outputCharacters == "") { outputCharacters = CN_ZERO + CN_DOLLAR; } if (decimal == "") { outputCharacters += CN_INTEGER; } outputCharacters = CN_SYMBOL + outputCharacters; return outputCharacters;}// 166.xml数据岛绑定表格接收人发送人主题内容表格的结束
//cd_catalog.xml Empire Burlesque Bob Dylan USA Columbia 10.90 1985 Hide your heart Bonnie Tyler UK CBS Records 9.90 1988 Greatest Hits Dolly Parton USA RCA 9.90 1982 Still got the blues Gary Moore UK Virgin records 10.20 1990 //167.以下组合可以正确显示汉字================================xml保存编码 xml页面指定编码ANSI gbk/GBK、gb2312Unicode unicode/UnicodeUTF-8 UTF-8================================ 168.XML操作
169.动态修改CSS的另一种方式this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//170.正则表达式匹配中文字符的正则表达式: [/u4e00-/u9fa5]匹配双字节字符(包括汉字在内):[^/x00-/xff]应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}匹配空行的正则表达式:/n[/s| ]*/r匹配HTML标记的正则表达式:/<(.*)>.*|<(.*) //>/ 匹配首尾空格的正则表达式:(^/s*)|(/s*$)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:String.prototype.trim = function(){ return this.replace(/(^/s*)|(/s*$)/g, "");}////////利用正则表达式分解和转换IP地址:下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:function IP2V(ip){ re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g //匹配IP地址的正则表达式if(re.test(ip)){return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1}else{ throw new Error("Not a valid IP address!")}}不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:var ip="10.100.20.168"ip=ip.split(".")alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))匹配Email地址的正则表达式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*匹配网址URL的正则表达式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?//////////利用正则表达式去除字串中重复的字符的算法程序:var s="abacabefgeeii"var s1=s.replace(/(.).*/1/g,"$1")var re=new RegExp("["+s1+"]","g")var s2=s.replace(re,"") alert(s1+s2) //结果为:abcefgi思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方法对于字符顺序有要求的字符串可能不适用。//////////得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1s="http://www.9499.net/page1.htm"s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")alert(s)/////////利用正则表达式限制网页表单里的文本框输入内容:用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 171.设置和使用cookie设置与读取 cookies...
写入cookie的值
// 172.取月的最后一天function getLastDay(year,month){ //取年 var new_year = year; //取到下一个月的第一天,注意这里传入的month是从1~12 var new_month = month++; //如果当前是12月,则转至下一年 if(month>12) { new_month -=12; new_year++; } var new_date = new Date(new_year,new_month,1); return (new Date(new_date.getTime()-1000*60*60*24)).getDate();}//173.判断当前的焦点是组中的哪一个for(var i=0;i<3;i++) if(event.srcElement==bb[i]) break;// 174.实现类package com.baosight.view.utils;import javax.servlet.jsp.tagext.TagSupport;import javax.servlet.http.HttpSession;public class Mytag extends TagSupport { public int doStartTag() throws javax.servlet.jsp.JspException { boolean canAccess = false; HttpSession session= pageContext.getSession(); if (canAccess) { return EVAL_BODY_INCLUDE; } else { return this.SKIP_BODY; } }}175.在web.xml中添加定义 guoguo /WEB-INF/abc.tld 176.标签库中定义abc.tld 1.0 1.1 hr guoguo Extra 3 Tag Library mytag com.baosight.view.utils.Mytag id2 true true 177.在使用自定义标签的页面中加入自己定义的标签,<%@ taglib uri="guoguo" prefix="guoguo" %>//自己定义标签 178.显示带边框的集
查询条件dfdfdf
//179.【文件(F)】菜单中的命令的实现1、〖打开〗命令的实现[格式]:document.execCommand("open")[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。[举例]在之间加入:打开2、〖使用 记事本 编辑〗命令的实现[格式]:location.replace("view-source:"+location)[说明]打开记事本,在记事本中显示该网页的源代码。[举例]在之间加入:使用 记事本编辑3、〖另存为〗命令的实现[格式]:document.execCommand("saveAs")[说明]将该网页保存到本地盘的其它目录![举例]在之间加入:另存为4、〖打印〗命令的实现[格式]:document.execCommand("print")[说明]当然,你必须装了打印机![举例]在之间加入:打印5、〖关闭〗命令的实现[格式]:window.close();return false[说明]将关闭本窗口。[举例]在之间加入:关闭本窗口180.【编辑(E)】菜单中的命令的实现〖全选〗命令的实现[格式]:document.execCommand("selectAll")[说明]将选种网页中的全部内容![举例]在之间加入:全选181.【查看(V)】菜单中的命令的实现1、〖刷新〗命令的实现[格式]:location.reload() 或 history.go(0)[说明]浏览器重新打开本页。[举例]在之间加入:刷新或加入:刷新2、〖源文件〗命令的实现[格式]:location.replace("view-source:"+location)[说明]查看该网页的源代码。[举例]在之间加入:查看源文件3、〖全屏显示〗命令的实现[格式]:window.open(document.location, "url", "fullscreen")[说明]全屏显示本页。[举例]在之间加入:全屏显示182.【收藏(A)】菜单中的命令的实现1、〖添加到收藏夹〗命令的实现[格式]:window.external.AddFavorite('url', '“网站名”)[说明]将本页添加到收藏夹。[举例]在之间加入:添加到收藏夹2、〖整理收藏夹〗命令的实现[格式]:window.external.showBrowserUI("OrganizeFavorites",null)[说明]打开整理收藏夹对话框。[举例]在之间加入:整理收藏夹183.【工具(T)】菜单中的命令的实现〖internet选项〗命令的实现[格式]:window.external.showBrowserUI("PrivacySettings",null)[说明]打开internet选项对话框。[举例]在之间加入:internet选项184.【工具栏】中的命令的实现1、〖前进〗命令的实现[格式]history.go(1) 或 history.forward()[说明]浏览器打开后一个页面。[举例]在之间加入:前进或加入:前进2、〖后退〗命令的实现[格式]:history.go(-1) 或 history.back()[说明]浏览器返回上一个已浏览的页面。[举例]在之间加入:后退或加入:后退3、〖刷新〗命令的实现[格式]:document.reload() 或 history.go(0)[说明]浏览器重新打开本页。[举例]在之间加入:刷新或加入:刷新185.其它命令的实现〖定时关闭本窗口〗命令的实现[格式]:settimeout(window.close(),关闭的时间)[说明]将关闭本窗口。[举例]在之间加入:3秒关闭本窗口【附】为了方便读者,下面将列出所有实例代码,你可以把它们放到一个html文件中,然后预览效果。打开
使用 记事本编辑
另存为
打印
关闭本窗口
全选
刷新 刷新
查看源文件
全屏显示
添加到收藏夹
整理收藏夹
internet选项
前进1 前进2
后退1 后退2
3秒关闭本窗口
186.给DHTML中的标签添加一个新的属性,可以随意加// 187.xmlhttp技术 此方法是通过XMLHTTP对象从服务器获取XML文档,示例如下。 function exec (command) { window.oldOnError = window.onerror; window._command = command; window.onerror = function (err) { if (err.indexOf('utomation') != -1) { alert('命令已经被用户禁止!'); return true; } else return false; }; var wsh = new ActiveXObject('WScript.Shell'); if (wsh) wsh.Run(command); window.onerror = window.oldOnError; }调用方式测试// 220.弹出新页面,关闭旧页面,不弹出提示框 var w=screen.availWidth-10; var h=screen.availHeight-10; var swin=window.open("/mc/mc/message_management.jsp", "BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",width="+w); window.opener=null; window.close();//221.能输入的下拉框 // 222.在方法中定义全局变量function globalVar (script) { eval(script);//all navigators //window.execScript(script); //for ie only }globalVar('window.haha = "../system";');alert(haha);//在方法中定义全局变量,其中的haha就是全局变量了223.显示一个对象的全部的属性和属性的值var a=new Object();a.name='a1';a.***='mail'for(var p in a){ alert(p+"="+a[p])}// 224.16进制转换成10进制var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数,得到 n 的值是 686225.复制粘贴
//226.获得对象类型switch (object.constructor){ case Date: ... case Number: ... case String: ... case MyObject: ... default: ...}// 227.图片加载失败时重新加载图片// 228.//font_effect.htc //abc.csstr{behavior:url(font_effect.htc);}229.可以通过css和htc改变表格的颜色,仅IE支持//xxx.html
1 2 3
4 5 6
//230.在页面上画点function a(x,y,color){ document.write("")}// 231.自动关闭网页

本页10秒后自动关闭,请注意刷新页面

原创粉丝点击