1、精心整理了 站长常用的 200 个 js 代码。别说以后找不到哦。快收藏吧：）1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上下滚动共和国9.状态栏显示该页状态10.可以点击文字实现 radio 选项的选定情侣 : 一次注册两个帐户 11.可以在
2、文字域的 font 写 onclick 事件 12.打印打印网页13.线型输入框14.显示文档最后修改日期function hi(str)document.write(document.lastModified) alert(“hi“+str+“!“)15.可以在鼠标移到文字上时就触发事件link16.可以根据网页上的选项来确定页面颜色background.htmlChanging Background ColorsRedOrangeYellowGreenBlueIndigoVioletWhitepink17.将按钮的特征改变本例按钮的代码如下：18.改变按钮的图片.本例的按钮代码如下： 19
3、.打印页面打印本稿20.可以直接写 html 语言document.write(“); 21.改变下拉框的颜色22.转至目标 URLwindow.location=“http:/“ 23.传递该 object 的 formUpdateSN(guoqiang99267,this.form) function UpdateSN(strValue,strForm)strForm.SignInName.value = strValue;return false; 24.文字标签guoqiang99859 25.layer2 为组件的 ID，可以控制组件是否可见document.all.item(Lay
4、er2).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主办单位-北京日报北京晚报31.改变背景颜色32.改变文字输入框的背景颜色.input2 background-image: url(/images/inputbg.gif); font-s
5、ize: 12px; background-color: #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px33.改变水平线的特征34.传递参数的方式8 35.页内跳转1234567dfdfdfdf/ 36.两个按键一起按下if(event.ctrlKey i39.文字移动40.双击网页自动跑var currentpos,timer; function initialize() timer=setInterval(“scrollwindow
6、()“,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=“http:/“或者document.locat
7、ion.assign(“http:/“) 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);Connection conn
8、=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-decorati
9、on: 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
10、-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; PADDIN
11、G-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-FA
12、MILY: 宋体; 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完整的 css 50.新建 frame51.向文件中写内容52.
13、先读文件再写文件eryrytry53.直线型输入框54.可以将背景改为按钮性状，通过改变 css 改变属性录音笔.mouseoverbt background-image: url(/img/btbgw64h20y.gif);background-repeat: no-repeat;.mouseout background-color: #E0E0E0;55.同时按下 CTRL 和 Q 键document.onkeydown=function()if(event.ctrlKeyborder:1px solid #000000;background:#99ff33;position:absolu
14、te;z-index:9;padding:6px;line-height:17px;text-align:left;top: 1520px;dfdfd- - 57.弹出窗口方法一： 浏览器读页面时弹出窗口； 方法二： 浏览器离开页面时弹出窗口； 方法三：用一个连接调用：打开一个窗口 注意：使用的“#“是虚连接。 方法四：用一个按钮调用： 何时装载 script 58.动态改变字体的大小function doZoom(size)document.getElementById(zoom).style.fontSize=size+px function aa()var newWin=window.o
15、pen(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=
16、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 and passwordDat
17、abaseMetaData 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.db
18、o.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(“
19、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_colo
20、r()“,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 PICTU
21、RES);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;/
22、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
23、 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.rowInde
24、x+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：设置或者是得到鼠标相对于目标事件的父元素的内边界在
25、 x 坐标上的位置。 screenX:相对于用户屏幕。 83.显示是鼠标按钮的哪个点 Mouse 看看/ 84.打开 C 盘/85.当前屏幕的分辨率screen.width、screen.height/ 86.设置表格中的内容tbl.rows0.cells1.innerText=document.form.text1.value;/ 87.本地快捷键网上邻居我的电脑我的文档回收站控制面板拨号网络(Windows 2000) 88.IE 菜单0/改变按钮上的图片/创建新连接/打印/另存为 htm/另存为 txtdocument.execCommand(“SaveAs“)/保存为document.
26、execCommand(undo)/撤销上一次操作 89.web 对话框var contents=body,tdfont:menuimgcursor:hand;contents+=你要关闭我吗;contents+=;contents+=;contents+=;contents+=你要关闭我吗？;contents+=;contents+=;contents+=;showModalDialog(“about:“+contents+“,“,“dialogHeight:50px;dialogWidth:250px;help:no;status:no“)document.write(contents);
27、/ 90.取第 x,y 的值/ 91.向新打开的网页上写内容newwin=window.open(about:blank,top=10);newwin.document.write();/ 93.返回javascript:history.go(-2);/ 94.将页面上选中的内容复制到剪贴板abcdefg/95.将页面上选中的内容复制到剪贴板kjhkjhkhkj/ 96.鼠标移到下拉框时自动全部打开/ 97.获得本机的文件var fso = new ActiveXObject(“Scripting.FileSystemObject“); var f1 = fso.GetFile(“C:bsit
28、cdataejbhome.xml“); alert(“File last modified: “ + f1.DateLastModified); / 98.判断客户端是否是 IE 浏览器因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是 IE 浏览器 ,document.all?1:0; 99.创建新的下拉框选项new Option(text,value)这样的函数/ 100.在页面上画柱状图tdfont-size:12pxbodyfont-size:12pxv:*behavior:url(#default#VML); /这里声明了 v 作为 VML 公
29、用变量mathstr=12;document.write (“%“+mathstr+“4 人“)%124 人%124人/ 101.饼图v:* behavior: url(#default#VML) o:* behavior: url(#default#VML) .shape behavior: url(#default#VML) function show(pie)pie.strokecolor=pie.fillcolor;pie.strokeweight=10;div1.innerHTML=“ “ + pie.id +“ “ + pie.title + “;function hide(pie)pie.strokecolor=“white“;pie.strokeweight=1;div1.innerHTML=“;v:path v=m 300,200 ae
