JavaScript部分常用代码

1、事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN)

2、; 访问窗体元素 document.all(txt).focus(); document.all(txt).select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement(SPAN);根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=TD document.elementFromPoint(event.x,event.y).appendChild(ms)窗

3、体图片 document.images索引 窗体事件绑定 document.onmousedown=scrollwindow; 元素 document.窗体.elements索引 对象绑定事件 document.all.xxx.detachEvent(onclick,a); 插件数目 navigator.plugins 取变量类型 typeof($js_libpath) = undefined 下拉框 下拉框.options索引 下拉框.options.length 查找对象 document.getElementsByName(r1); document.getElementById(id)

4、; 定时 timer=setInterval(scrollwindow(),delay); clearInterval(timer); UNCODE编码 escape() ,unescape 父对象 obj.parentElement(dhtml) obj.parentNode(dom) 交换表的行 TableID.moveRow(2,1) 替换CSS document.all.csss.href = a.css; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style=word-break:break-all 自动刷新 简单邮件 快速转到位置

5、 obj.scrollIntoView(true) 锚 anchors 网页传递参数 location.search(); 可编辑 obj.contenteditable=true 执行菜单命令 obj.execCommand 双字节字符 /x00-xff/ 汉字 /u4e00-u9fa5/ 让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 获得style内容 obj.style.cssText HTML标签 document.documentElement.innerHTML 第一个style标签 docu

6、ment.styleSheets0 style标签里的第一个样式 document.styleSheets0.rules0 防止点击空链接时，页面往往重置到页首端。 word 上一网页源 asp: request.servervariables(HTTP_REFERER) BLOCKED SCRIPT document.referrer 释放内存 CollectGarbage(); 禁止右键 document.oncontextmenu = function() return false; 禁止保存 禁 止选取禁止粘贴 地址栏图标 favicon.ico 名字最好不变16*16的16色,放虚拟

7、目录根目录下 收藏栏图标 查看源码 关闭输入法 自动全选 ENTER键可以让光标移到下一个输入框 文本框的默认值 title换行 obj.title = 123 clip:rect(5px 15px 15px 5px) 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能关闭该功能窗口最大化 无关闭按钮IE window.open(aa.htm, meizz, fullscreen=7); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent(http:/你好

8、.com?as= hehe) encodeURIComponent对:、/、; 和 ?也编码 表格行指示 文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上下滚动共和国9.状态栏显示该页状态10.可以点击文字实现radio选项的选定 情侣 : 一次注册两

9、个帐户 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 ColorsRedOrangeYellowGreenBlueIndigoVioletWhitepink17.将按钮

10、的特征改变 本例按钮的代码如下： 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为组件的

11、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非空的选项时转向指定连接主办单

12、位-北京日报北京晚报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 &

13、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.elements.disabled=!document.form1.elements.disabled;39.文字移动40.双击网页自动跑var currentpos,timer; functi

14、on 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.转向指定

15、网页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.JdbcOdbcDrive

16、r;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-

17、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:hove

18、r 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: #; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR

19、: #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:

20、 1px; BORDER-RIGHT-COLOR: #ccccccDIV,form ,OPTION,P,TD,BRFONT-FAMILY: 宋体; FONT-SIZE: 9pt textarea, select border-width: 1; border-color: #; background-color: #efefef; font-family: 宋体; font-size: 9pt; font-style: bold;.text font-family: 宋体; font-size: 9pt; color: #; border: # solid; border-width: 1px

21、 1px 1px 1px完整的css50.新建frame51.向文件中写内容52.先读文件再写文件eryrytry53.直线型输入框54.可以将背景改为按钮性状，通过改变css改变属性录音笔.mouseoverbt background-image: url();background-repeat: no-repeat;.mouseout background-color: #E0E0E0;55.同时按下CTRL和Q键document.onkeydown=function()if(event.ctrlKey&event.keyCode=81)alert(1)/56.以下是一个完整的显示hint

22、的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐藏掉#hintwidth:198px;border:1px solid #;background:#99ff33;position:absolute;z-index:9;padding:6px;line-height:17px;text-align:left;top: 1520px;dfdfd-57.弹出窗口方法一： 浏览器读页面时弹出窗口； 方法二： 浏览器离开页面时弹出窗口； 方法三：用一个连接调用：打开一个窗口 注意：使用的#是虚连接。 方法四：用一个按钮调用： 何时装载script58.动态改变字体的大

23、小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)a

24、lert(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);Connect

25、ion con=DriverManager.getConnection(url,sa,);/mssql database user SA and passwordDatabaseMetaData 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=c

26、on.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)Sy

27、stem.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()ne