js技巧收集(200多个)

最新推荐文章于 2025-08-07 13:12:31 发布

原创最新推荐文章于 2025-08-07 13:12:31 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #function #xml #javascript #url #浏览器

导读：

　　1.文本框焦点问题

　　

　　

　　onBlur:当失去输入焦点后产生该事件

　　

　　

　　onFocus:当输入获得焦点后，产生该文件

　　

　　

　　Onchange:当文字值改变时，产生该事件

　　

　　

　　Onselect:当文字加亮后，产生该文件

　　

　　

　　

　　(value==') {value='郭强'}">点击时文字消失，失去焦点时文字再出现

　　

　　

　　2.网页按钮的特殊颜色

　　

　　style="background-color:rgb(235,207,22)">

　　

　　3.鼠标移入移出时颜色变化

　　

　　onMouseOver=this.style.color="red" class="button">

　　

　　4.平面按钮

　　

　　

　　BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">

　　

　　5.按钮颜色变化

　　

　　

　　BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">

　　

　　6.平面输入框

　　

　　7.使窗口变成指定的大小

　　

　　8.使文字上下滚动

　　

　　height=60>

　　

　　共和国

　　

　　9.状态栏显示该页状态

　　

　　10.可以点击文字实现radio选项的选定

　　

　　情侣 : 一次注册两个帐户

　　

　　11.可以在文字域的font写onclick事件

　　

　　

　　12.打印打印网页

　　

　　13.线型输入框

　　

　　class="line">

　　

　　14.显示文档最后修改日期

　　

　　15.可以在鼠标移到文字上时就触发事件

　　

　　 Changing Background Colors

　　

　　17.将按钮的特征改变

　　

　　

　　本例按钮的代码如下：

　　

　　

　　onmouseout="this.className='style1'" class="style1">

　　

　　

　　18.改变按钮的图片.

　　

　　

　　本例的按钮代码如下：

　　

　　

　　onmouseout="this.className='style3'" class="style3">

　　

　　19.打印页面

　　

　　20.可以直接写html语言

　　

　　

　　document.write("");

　　

　　

　　21.改变下拉框的颜色

　　

　　>guoqiang99859

　　

　　25.layer2为组件的ID，可以控制组件是否可见

　　

　　

　　document.all.item('Layer2').style.display = "block";

　　

　　

　　document.all.item('Layer2').style.display = "none";//

　　

　　

　　26.将页面加入favorite中

　　

　　

　　27.过10秒自动关闭页面

　　

< script language="JavaScript" >

　　function closeit() {

　　

　　

　　setTimeout("self.close()"，10000)

　　

　　

　　}

　　

< /script >

　　28.可以比较字符的大小

　　

　　

　　char=post.charAt(i);

　　

if(!('0'<=char&&char<='9'))

　　29.将字符转化为数字

　　

　　

　　month = parseInt(char)

　　

　　30.点击value非空的选项时转向指定连接

　　

="">

　　

　　

　　

　　border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">

　　

　　54.可以将背景改为按钮性状，通过改变css改变属性

　　

　　onmouseout=this.className='mouseout';>

　　color="#000000">录音笔

　　

　　55.同时按下CTRL和Q键

　　

　　

　　document.onkeydown=function()

　　

　　

　　{

　　

　　

　　if(event.ctrlKey&&event.keyCode==81)

　　

　　

　　{alert(1)}

　　

　　

　　}//

　　

　　

　　56.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐

　　

　　

　　藏掉

　　

　　

　　---------------------------------------------------------------------------------------------------------

　　

　　

　　------------

　　

　　 dfdfd

　　

　　---------------------------------------------------------------------------------------------------------

　　

　　

　　------------

　　

　　

　　57.弹出窗口

　　

　　

　　方法一：浏览器读页面时弹出窗口；

　　

　　

　　方法二：浏览器离开页面时弹出窗口；

　　

　　

　　方法三：用一个连接调用：打开一个窗口

　　

　　

　　注意：使用的"#"是虚连接。

　　

　　

　　方法四：用一个按钮调用：何时装载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.form1."+bb);

　　

　　

　　ob.select();

　　

　　

　　js=ob.createTextRange();

　　

　　

　　js.execCommand("Copy");

　　

　　

　　}//

　　

　　

　　62.java中建立数据库连接取数据

　　

　　

　　public void init()

　　

　　

　　{

　　

　　

　　String url="jdbc:odbc:javadata";

　　

　　

　　try

　　

　　

　　{

　　

　　

　　Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

　　

　　

　　Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password

　　

　　

　　DatabaseMetaData 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 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("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 MOVIES AND PICTURES');

　　

　　

　　if(ns)

　　

　　

　　alert("Thanks for the bookmark!/n/nNetscape 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)

　　

　　

　　{

　　

　　

　　document.compose.bgcolor.value = color;

　　

　　

　　}

　　

　　

　　}//

　　

　　

　　70.截取小数点后两位

　　

　　

　　var a=3454545.4454545;

　　

　　

　　alert(a.toFixed(2));//

　　

　　

　　71.禁止选择页面上的文字来拷贝

　　

　　

　　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.跳转至目标页面，同时不可返回

　　

　　sohu.com//

　　

　　

　　

　　

　　

　　

　　

　　79.获得当前的行是表格的第几行

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　80.删除表格某行，xx表示某行，下标从0开始计算

　　

　　

　　document.all.myTable.deleteRow(xx)//

　　

　　

　　81.动态的向表格中添加行

　　

　　

　　90.取第x,y的值

　　

　　

　　91.向新打开的网页上写内容

　　

　　

　　newwin=window.open('about:blank',','top=10');

　　

　　

　　newwin.document.write(');//

　　

　　

　　93.返回

　　

　　

　　javascript:history.go(-2);//

　　

　　

　　94.将页面上选中的内容复制到剪贴板

　　

　　

　　abcdefg

　　

　　onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中

　　

　　的字符'>//

　　

　　

　　95.将页面上选中的内容复制到剪贴板

　　

　　 kjhkjhkhkj

　　

　　

　　

　　null);">

　　

　　

　　96.鼠标移到下拉框时自动全部打开

　　

　　

　　97.获得本机的文件

　　

　　

　　var fso = new ActiveXObject("Scripting.FileSystemObject");

　　

　　

　　var f1 = fso.GetFile("C://bsitcdata//ejbhome.xml");

　　

　　

　　alert("File last modified: " + f1.DateLastModified); //

　　

　　

　　98.判断客户端是否是IE浏览器

　　

　　

　　因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;

　　

　　

　　99.创建新的下拉框选项

　　

　　

　　new Option(text,value)这样的函数//

　　

　　

　　100.在页面上画柱状图

　　

　　
%12
4人　　

　　backdepth='15pt' on='true'/>

　　

　　
%12
4人　　

　　backdepth='15pt' on='true'/> //

　　

　　

　　101.饼图

　　