200多个js技巧代码

阅读更多
1.文本框焦点问题 
onBlur:当失去输入焦点后产生该事件 
onFocus:当输入获得焦点后,产生该文件 
Onchange:当文字值改变时,产生该事件 
Onselect:当文字加亮后,产生该文件 
 
点击时文字消失,失去焦点时文字再出现 
 
 
2.网页按钮的特殊颜色 
 
style="background-color:rgb(235,207,22)"> 
 
3.鼠标移入移出时颜色变化 
 
onMouseOver=this.style.color="red"  class="button"> 
 
4.平面按钮 
 
 
5.按钮颜色变化 
 
 
6.平面输入框 
 
 
7.使窗口变成指定的大小 
 
 
8.使文字上下滚动 
 
height=60> 
 
 
 
共和国 
         
 
 
9.状态栏显示该页状态 
 
 
10.可以点击文字实现radio选项的选定 

 
     

 
 
11.可以在文字域的font写onclick事件 
 
12.打印打印网页 
 
 
13.线型输入框 
 
class="line"> 
 
14.显示文档最后修改日期 
 
 
15.可以在鼠标移到文字上时就触发事件 
 
 
 
 
 
[url=" onMouseOver=]link[/url] 
 
 
 
16.可以根据网页上的选项来确定页面颜色 
 
 
background.html 
 
 
 
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非空的选项时转向指定连接 
 
 
31.改变背景颜色 
 
onmouseout="this.bgColor='#FAFBFC';"> 
 
32.改变文字输入框的背景颜色 
 
 
 
33.改变水平线的特征 

 
 
34.传递参数的方式 

 
35.页内跳转 







dfdf 
dfdf// 
 
36.两个按键一起按下 
if(event.ctrlKey && window.event.keyCode==13)// 
 
37.刷新页面 
javascript:this.location.reload()// 
 
38.将网页的按钮使能 
 
 
 
 
 
 
39.文字移动 
 
 
40.双击网页自动跑 
// 
 
41.后退 
 
 
42.前进 
 
 
43.刷新 
 
 
44.转向指定网页 
document.location="http://ww"或者document.location.assign("http://guoguo.com") 
 
45.在网页上显示实时时间 
// 
 
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”内写下所需内容 
 


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


31.改变背景颜色

onmouseout="this.bgColor='#FAFBFC';">

32.改变文字输入框的背景颜色



33.改变水平线的特征



34.传递参数的方式
8

35.页内跳转
1
2
3
4
5
6
7
dfdf
dfdf//

36.两个按键一起按下
if(event.ctrlKey && window.event.keyCode==13)//

37.刷新页面
javascript:this.location.reload()//

38.将网页的按钮使能






39.文字移动


40.双击网页自动跑
//

41.后退


42.前进


43.刷新


44.转向指定网页
document.location="http://ww"或者document.location.assign("http://guoguo.com")

45.在网页上显示实时时间
//

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”内写下所需内容

[align=center" bgcolor="#E0E0E0" onmouseover=this.className='mouseoverbt';

onmouseout=this.className='mouseout';>录音笔


55.同时按下CTRL和Q键
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//

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

藏掉
---------------------------------------------------------------------------------------------------------

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






dfdfd

 
HTML中的XML数据岛记录编辑与添加   

 
 

  酒店名称:

  地址:

  主页:

  电子邮件:

  电话:

  级别:

 
 
 
   
 

 
 
 
  四海大酒店
 
海魂路1号

  www.sihaohotel.com.cn
  [email protected]
  (0989)8888888
  五星级
 

 
  五湖宾馆
 
东平路99号

  www.wuhu.com.cn
  [email protected]
  (0979)1111666
  四星级
 

 
  “大沙漠”宾馆
 
留香路168号

  www.dashamohotel.com.cn
  [email protected]
  (0989)87878788
  五星级
 

 
  “画眉鸟”大酒店
 
血海飘香路2号

  www.throstlehotel.com.cn
  [email protected]
  (099)9886666
  五星级
 

 

 


 
  //xml数据岛中添加记录
199.模式窗口
父窗口
var url="aaa.jsp";
var

data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab

le:Yes;edge:sunken");
if(data)
alert(data.value);

子窗口
var data=new Object();
data.value1="china";
window.returnValue=data;
window.close();


200.动态设置事件,带参数

//


201.将url转化为16进制形式
var ret = '';

for(var i=0; i < str.length; i++)
{
  var ch = str.charAt(i);
  var code = str.charCodeAt(i);

  if(code < 128 && ch != '[' && ch != '\'' && ch != '=')
  {
   ret += ch;
  }
  else
  {
   ret += "[" + code.toString(16) + "]";
  }
}
return ret;//


202.打开新的窗口并将新打开的窗口设置为活动窗口
var newWin=window.open("xxxx");
newWin.focus();//


203.容错脚本
JS中遇到脚本错误时不做任何操作:window.onerror = doNothing;
指定错误句柄的语法为:window.onerror = handleError
function handleError(message, URI, line)
{// 提示用户,该页可能不能正确回应
return true; // 这将终止默认信息
}//在页面出错时进行操作

204.JS中的窗口重定向:
window.navigate("http://www.sina.com.cn");//

205.防止链接文字折行
document.body.noWrap=true;//

206.判断字符是否匹配.
string.match(regExpression)//

207.
href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v

alue='test';return false;"

当使用inline方式添加事件处理脚本事,有一个被包装成匿名函数的过程,也就是说
onClick="javacript:document.Form.Name.value='test';return false;"被包装成了:
functoin anonymous()
{
    document.Form.Name.value='test';return false;
}
做为A的成员函数onclick。
而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句,这时如果使用return语句会

报告在函数外使用return语句的错误。


208.进行页面放大


sdsdsdsdsdsdsdsds

//

209.放置在页面的最右边
//

210.通过style来控制隔行显示不同颜色







//

211.全屏最大化
newwindow=window.open("","","scrollbars")
if (document.all)
{
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)
}//

212.根据名字解析xml中的节点值
var XMLDoc=new ActiveXObject("MSXML");
XMLDoc.url="d:/abc.xml";
aRoot=XMLDoc.root;
a1.innerText=aRoot.children.item("name").text;//


213.在页面上解析xml的值
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08

fcccdf35.asp
//

214.看一个字符串里面有多少个回车符,返回值是一个数组
var s=value.match(/\n/g);if(s)if(s.length==9){alert('10行了');return false;}//

215.获得asc码
var s='aa';
alert(s.charCodeAt(1))//

216.文字居右对齐
//

217.判断一个方法是否存在
function pageCallback(response){
alert(response);
}
if(pageCallback)
alert(1)//


218.判断一个变量是否定义
if(typeof(a)=="undefined")
{
alert()
}//


219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别

调用方式
测试//

220.弹出新页面,关闭旧页面,不弹出提示框
var w=screen.availWidth-10;
   var h=screen.availHeight-10;
   var swin=window.open("/mc/mc/message_management.jsp",

"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w

idth="+w);
   window.opener=null;
   window.close();//

221.能输入的下拉框






//


222.在方法中定义全局变量
function globalVar (script) {
        eval(script);//all navigators
  //window.execScript(script); //for ie only
}
globalVar('window.haha = "../system";');
alert(haha);//在方法中定义全局变量,其中的haha就是全局变量了

223.显示一个对象的全部的属性和属性的值
var a=new Object();
a.name='a1';
a.***='mail'
for(var p in a)
{
alert(p+"="+a[p])
}//


224.16进制转换成10进制
var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数,得到 n 的值是 686


225.复制粘贴



//

226.获得对象类型
switch (object.constructor){
   case Date:
   ...
   case Number:
   ...
   case String:
   ...
   case MyObject:
   ...
   default:
   ...
}//


227.图片加载失败时重新加载图片
//

228.
//font_effect.htc




//abc.css
tr{behavior:url(font_effect.htc);}

229.可以通过css和htc改变表格的颜色,仅IE支持
//xxx.html












1 2 3
4 5 6
//

230.在页面上画点
function a(x,y,color)
{
document.write("")
}//

231.自动关闭网页

本页10秒后自动关闭,请注意刷新页面

你可能感兴趣的:(javascript,正则表达式,html,vbscript)