常用的JS实例集锦.docx

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上下滚动共和国 9.状态栏显示该页状态10.可以点击文字实现radio 选项的选定     情侣 : 一次注册两个帐户 11.可以在文字域的font 写onclick 事件12.打印打印网页13.线型输入框14.显示文档最后修改日期function hi(str)document.write(document.lastModified)alert(hi+str+!)15.可以在鼠标移到文字上时就触发事件!- Hidingfunction hello() alert(哈罗!);link16.可以根据网页上的选项来确定页面颜色background.htmlChanging Background ColorsRedOrangeYellowGreenBlueIndigoVioletWhitepink17.将按钮的特征改变本例按钮的代码如下：18.改变按钮的图片.本例的按钮代码如下：19.打印页面打印本稿20.可以直接写html 语言document.write();21.改变下拉框的颜色22.转至目标URLwindow.location=23.传递该object 的formUpdateSN(guoqiang99267,this.form)function UpdateSN(strValue,strForm)strForm.SignInName.value = strValue;return false;24.文字标签guoqiang9985925.layer2 为组件的ID，可以控制组件是否可见document.all.item(Layer2).style.display = block;document.all.item(Layer2).style.display = none;/26.将页面加入favorite 中/27.过10 秒自动关闭页面function closeit() setTimeout(self.close()，10000)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: 1px33.改变水平线的特征34.传递参数的方式835.页内跳转1234567dfdfdfdf/36.两个按键一起按下if(event.ctrlKey & window.event.keyCode=13)/37.刷新页面javascript:this.location.reload()/38.将网页的按钮使能function haha()for(var i=0;idocument.form1.elements.length;i+)if(.indexOf(bb)!=-1)document.form1.elementsi.disabled=!document.form1.elementsi.disabled;39.文字移动40.双击网页自动跑var currentpos,timer;function initialize()timer=setInterval(scrollwindow(),1);function sc()clearInterval(timer);function scrollwindow()currentpos=document.body.scrollTop;window.scroll(0,+currentpos);if (currentpos != document.body.scrollTop)sc();document.onmousedown=scdocument.ondblclick=initialize/41.后退42.前进43.刷新44.转向指定网页document.location=或者document.location.assign()45.在网页上显示实时时间var clock_id;window.onload=function()clock_id=setInterval(document.form1.txtclock.value=(new Date);,1000)/46.可以下载文件document.location.href=目标文件/47.连接数据库import java.sql.*;String myDBDriver=sun.jdbc.odbc.JdbcOdbcDriver;Class.forName(myDBDriver);Connectionconn=DriverManager.getConnection(jdbc:odbc:firm,username,password);Statement stmt=conn.createStatement();ResultSet rs=stmt.executeQuery(sql);rs.getString(column1);/48.可以直接在页面“div”内写下所需内容INPUT TYPE=button onclick=a1.innerHTML=*/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: FF0000A: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: FF0000THFONT-SIZE: 9ptTDFONT-SIZE: 9ptbody 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;INPUTBORDER-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:#ccccccDIV,form ,OPTION,P,TD,BRFONT-FAMILY: 宋体; FONT-SIZE: 9pttextarea, 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 1px1px 1px完整的css50.新建frame51.向文件中写内容52.先读文件再写文件eryrytry53.直线型输入框54.可以将背景改为按钮性状，通过改变css 改变属性录音笔.mouseoverbtbackground-image: url(/img/btbgw64h20y.gif);background-repeat: no-repeat;.mouseoutbackground-color: #E0E0E0;55.同时按下CTRL 和Q 键document.onkeydown=function()if(event.ctrlKey&event.keyCode=81)alert(1)/56.以下是一个完整的显示hint 的代码，其思想是当鼠标停留是将div 中的内容显示在鼠标出，当鼠标移出后在将该div 隐藏掉-#hintwidth: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+pxfunction 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;tryClass.forName(sun.jdbc.odbc.JdbcOdbcDriver);Connection con=DriverManager.getConnection(url,sa,);/mssql database user SA andpasswordDatabaseMetaData 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 wherenumber=1);/Sqlrs.next();String dispresult=rs.getString(name);System.out.println(dispresult);/ Instead,you can display it in Paint() or useAWT 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 MOVIESAND PICTURES);if(ns)alert(Thanks for the bookmark!nnNetscape 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)pose.bgcolor.value = color;/70.截取小数点后两位var a=3454545.4454545;alert(a.toFixed(2);/71.禁止选择页面上的文字来拷贝function noEffect() with (event) returnValue = false;cancelBubble = true;return;/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.跳转至目标页面，同时不可返回/79.获得当前的行是表格的第几行function getrow(obj)if(event.srcElement.tagName=TD)curRow=event.srcElement.parentElement;alert(这是第+(curRow.rowIndex+1)+行); /80.删除表格某行，xx 表示某行，下标从0 开始计算document.all.myTable.deleteRow(xx)/81.动态的向表格中添加行function add()t1.insertRow().insertCell().innerHTML = ;/82.event.x,event.clientX,event.offsetX 区别：x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x 坐标上的位置。 clientX:相对于客户区域的x 坐标位置，不包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x 坐标上的位置。screenX:相对于用户屏幕。83.显示是鼠标按钮的哪个点Mouse 看看/84.打开C 盘/85.当前屏幕的分辨率screen.width、screen.height/86.设置表格中的内容tbl.rows0.cells1