JavaScript精华

sunwy

JavaScript精华.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
点击时文字消失，失去焦点时文字再出现
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"
onMouseOver=this.style.color="red" class="button">
4.平面按钮

5.按钮颜色变化

6.平面输入框

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

8.使文字上下滚动
<marquee direction="up" scrollamount="1" scrolldelay="100" height=60>



共和国


9.状态栏显示该页状态

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


   
情侣 : 一次注册两个帐户

11.可以在文字域的font写onclick事件
12.打印打印网页

13.线型输入框
<input type="text" name="key" size="12" value="关键字"
class="line">
14.显示文档最后修改日期

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





link


16.可以根据网页上的选项来确定页面颜色


background.html



Changing Background Colors




//
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人<v:extrusion
backdepth='15pt' on='true'/>

%12
4人<v:extrusion
backdepth='15pt' on='true'/>//
101.饼图





<v:shape id="asp技术" style="width:10;height:10;top:10;left:0" title="得票数:6 比例:40.00%"
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'>
<v:shape id="php" style="width:10;height:10;top:10;left:0" title="得票数:1 比例:6.67%"
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'>
<v:shape id="jsp" style="width:10;height:10;top:10;left:0" title="得票数:2 比例:13.33%"
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'>
<v:shape id="c#写的.netWEB程序" style="width:10;height:10;top:10;left:0" title="得票数:3 比例:20.00%"
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'>
<v:shape id="vb.net写的.netWEB程序" style="width:10;height:10;top:10;left:0" title="得票数:2 比例:13.33%"
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'>
<v:shape id="xml技术" style="width:10;height:10;top:10;left:0" title="得票数:1 比例:6.67%"
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'>



<v:textbox
style='fontsize:2'>asp技术

<v:textbox
style='fontsize:2'>php

<v:textbox
style='fontsize:2'>jsp

<v:textbox
style='fontsize:2'>c#写的.netWEB程序

vb.net
写的.netWEB程序

xml技术



style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">

　




//
102.是一个特殊的容器，想装个网页都行
//button
103.外部的html代码
event.srcElement.outerHTML//
104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//
105.事件类型
event.type//
106.动态改变类型

//
107.页面翻转
//
108.滚屏
parent.scroll(x,y);//
//
109.改变状态栏
self.status ="";//
110.改变窗口大小
window.resizeTo(200,300);//
111.改变鼠标样式
style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//
112.背景透明
//
113.鼠标为等待形状
//
114.调用父窗口的函数
opener.fucntion1();//
115.body的内部html代码
//
116.框架中调用父窗口的函数
//
117.交换节点

CELL_1
CELL_2



//
118.删除节点

CELL_1
CELL_2



//
119.添加节点
addNode()//
120.获得事件的父与子标签
event.srcElement.children[0]和event.srcElement.parentElement //

121.集中为按钮改变颜色

New//
122.判断是左键还是右键被按下
//
123.获得操作系统的名称和浏览器的名称
document.write(navigator.userAgent)//

124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键

125.将当前位置定位为C盘。
{window.location="c:"}//
126.返回输入框的类型

127.模拟控件的单击事件

//

128.取出记录集的列名
java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);
java.sql.ResultSetMetaData metaData = rset.getMetaData();
int count = metaData.getColumnCount();
String name = metaData.getColumnName(i);
String value = rset.getString(i);//
129.格式化数字
function format_number(str,digit)
{
if(isNaN(str))
{
alert("您传入的值不是数字！");
return 0;
}
else if(Math.round(digit)!=digit)
{
alert("您输入的小数位数不是整数！");
return 0;
}
else
return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}
130.回车按钮转化为tab按钮
if(event.keyCode==13) event.keyCode=9; //将
131.滚动条滚动
Scroll


1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
//

132.判断是什么对象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return false;//

133.取消文本框自动完成功能
//
134.让下拉框自动下拉
//

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秒后自动关闭,请注意刷新页面

  

posted on 2009-05-26 10:28 红孩儿 阅读(702) 评论(0)  编辑  收藏  


来源：网络转载

---

ningbbs

正德能用吗正德能用吗正德能用吗正德能用吗正德能用吗正德能用吗