《网页常用的js 脚本》由会员分享，可在线阅读，更多相关《网页常用的js 脚本（84页珍藏版）》请在金锄头文库上搜索。
1、精心整理了 站长常用的 200 个 js 代码。别说以后找不到哦。快收藏吧：） 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色 3.鼠标移入移出时颜色变化 4.平面按钮 5.按钮颜色变化 6.平面输入框 7.使窗口变成指定的大小 window.resizeTo(300,283); 8.使文字上下滚动 共和国 9.状态栏显示该页状态 10.可以点击文字实现 radio 选项的选定 情侣
2、: 一次注册两个帐户 11.可以在文字域的 font 写 onclick 事件 12.打印打印网页 13.线型输入框 14.显示文档最后修改日期 function hi(str) document.write(document.lastModified) alert(“hi“+str+“!“) 15.可以在鼠标移到文字上时就触发事件 link 16.可以根据网页上的选项来确定页面颜色 background.html Changing Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.将按钮的特征
3、改变 本例按钮的代码如下： 18.改变按钮的图片. 本例的按钮代码如下： 19.打印页面 打印本稿20.可以直接写 html 语言 document.write(“); 21.改变下拉框的颜色 22.转至目标 URL window.location=“http:/“ 23.传递该 object 的 form UpdateSN(guoqiang99267,this.form) function UpdateSN(strValue,strForm) strForm.SignInName.value = strValue; return false; 24.文字标签 guoqiang99859 25
4、.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 主办单位 - 北京日报 北京晚报 31.改变背景颜色 32.改变文字输入框的背景
5、颜色 .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.传递参数的方式 8 35.页内跳转 1 2 3 4 5 6 7 dfdf dfdf/ 36.两个按键一起按下 if(event.ctrlKey i 39.文字移动 40.双击网页自
6、动跑 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=sc document.ondblc
7、lick=initialize / 41.后退 42.前进 43.刷新 44.转向指定网页 document.location=“http:/“或者document.location.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
8、.*; 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.可
9、以改变页面上的连接的格式，使其为双线 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; co
10、lor: #0000FF; font-family: 宋体 A:hover text-decoration: underline overline line-through; color: FF0000 THFONT-SIZE: 9pt TDFONT-SIZE: 9pt body SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBA
11、R-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; PADDI
12、NG-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc DIV,form ,OPTION,P,TD,BRFONT-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
13、-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px 1px 1px 完整的 css 50.新建 frame 51.向文件中写内容 52.先读文件再写文件 eryrytry 53.直线型输入框 54.可以将背景改为按钮性状，通过改变 css 改变属性 录音笔 .mouseoverbt background-image: url(/img/btbgw64h20y.gif); background-repeat: no-repeat; .mouseout background-color: #E0E0E0;
14、 55.同时按下 CTRL 和 Q 键 document.onkeydown=function() if(event.ctrlKey border:1px solid #000000; background:#99ff33; position:absolute; z-index:9; padding:6px; line-height:17px; text-align:left; top: 1520px; dfdfd - - 57.弹出窗口 方法一： 浏览器读页面时弹出窗口； 方法二： 浏览器离开页面时弹出窗口； 方法三：用一个连接调用：打开一个窗口 注意：使用的“#“是虚连接。 方法四：用一个
15、按钮调用： 何时装载 script 58.动态改变字体的大小 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
