js技巧收集(200多个)

【 tulaoshi.com - Web开发 】

1.文本框焦点问题

onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件

input type="text" value="郭强" onfocus="if(value==''郭强'') {value=''''}" onblur="if
(value=='''') {value=''郭强''}"点击时文字消失，失去焦点时文字再出现

2.网页按钮的特殊颜色
input type=button name="Submit1" value="郭强" size=10 class=s02

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

3.鼠标移入移出时颜色变化
input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"

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

4.平面按钮
input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;

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

5.按钮颜色变化
input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt;  height:17px;

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

6.平面输入框
input type="text" name="T1" size="20" style="border-style: solid; border-width: 1"

7.使窗口变成指定的大小
script
window.resizeTo(300,283);
/script

8.使文字上下滚动
marquee direction=up scrollamount=1 scrolldelay=100 onmouseover=''this.stop()'' onmouseout=''this.start()''

height=60
!-- head_scrolltext --
tr
td
共和国
/table        !-- end head_scrolltext --
/marquee

9.状态栏显示该页状态
base onmouseover="window.status=''网站建设 
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.能输入的下拉框
span
input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off"
span style="width:150;overflow:hidden"
select  style="width:150;margin-left:-130" onChange="Department1.value=value"
option value=""/option
option value="asdfasfadf"asdfasfadf/option
option value="546546"546546/option/select //

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.复制粘贴
BODY
input type="file" name=''a1''input type="button" value=''复制粘贴'' onclick="haha()"div id="aa"/div
SCRIPT LANGUAGE="JavaScript"
!--
function haha()
{
 clipboardData.setData("Text",a1.value);
 aa.innerText=clipboardData.getData("Text");
}
//--
/SCRIPT
/BODY//

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

227.图片加载失败时重新加载图片
img src="aa.gif" onerror="this.src=''aa.gif''"//
 
228.
//font_effect.htc
PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" /
PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" /
SCRIPT LANGUAGE="JScript"
//定义一个保存字体颜色的变量
var color;
function glowit()
{
 color=element.style.backgroundColor;
 element.style.backgroundColor=''white''
}
function noglow()
{
  element.style.backgroundColor=color
}
/SCRIPT

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

229.可以通过css和htc改变表格的颜色,仅IE支持
//xxx.html
link rel="stylesheet" type="text/css" href="abc.css"
TABLE border=''1''  id="a1"
TR style="background-color:red"
 TD1/TD
 TD2/TD
 TD3/TD
/TR
TR style="background-color:yellow"
 TD4/TD
 TD5/TD
 TD6/TD
/TR
/TABLE//

230.在页面上画点
function a(x,y,color)
{
 document.write("img border=''0'' style=''position: absolute; left: "+(x+20)+"; top:

"+(y+20)+";background-color: "+color+"'' width=1 height=1")
}//

 231.自动关闭网页
script LANGUAGE="javascript"
!--
setTimeout(''window.close();'', 10000); //60秒后关闭
// --
/script
p align="center"本页10秒后自动关闭,请注意刷新页面/p