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.可以在鼠标移到文字上时就触发事件!- Hiding function hello() alert(哈罗!); link16.可以根据网页上的选项来确定页面颜色 background.htmlChanging Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.将按钮的特征改变本例按钮的代码如下：18.改变按钮的图片.本例的按钮代码如下：19.打印页面打印本稿20.可以直接写html语言document.write();21.改变下拉框的颜色22.转至目标URLwindow.location=http:/guoguo23.传递该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=http:/ww或者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);Connection conn=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; bac