BlogJava-丄諦啲仇魜ヤ -文章分类-JavaScript和CSShttp://www.blogjava.net/Crying/category/25486.html如 果 敌 人 让 你 生 气 , 那 说 明 你 没 有 胜 他 的 把 握！ zh-cnFri, 23 May 2008 08:38:22 GMTFri, 23 May 2008 08:38:22 GMT60去掉textArea和input的边框http://www.blogjava.net/Crying/articles/202222.htmlCryingCryingThu, 22 May 2008 09:22:00 GMThttp://www.blogjava.net/Crying/articles/202222.htmlhttp://www.blogjava.net/Crying/comments/202222.htmlhttp://www.blogjava.net/Crying/articles/202222.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/202222.htmlhttp://www.blogjava.net/Crying/services/trackbacks/202222.html 去掉textArea的边框

style='overflow:auto; background-attachment:   fixed;   background-repeat:   no-repeat;   border-style:   solid; 
         border-color:   #FFFFFF'


去掉input的边框

style='border-left:0px;border-top:0px;border-right:0px;border-bottom:1px '

Crying 2008-05-22 17:22 发表评论
]]>div实现透明层http://www.blogjava.net/Crying/articles/195597.htmlCryingCryingThu, 24 Apr 2008 07:23:00 GMThttp://www.blogjava.net/Crying/articles/195597.htmlhttp://www.blogjava.net/Crying/comments/195597.htmlhttp://www.blogjava.net/Crying/articles/195597.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/195597.htmlhttp://www.blogjava.net/Crying/services/trackbacks/195597.html

<div id="Layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)">

</div>



Crying 2008-04-24 15:23 发表评论
]]>几种js实现的动态多文件上传 (转)http://www.blogjava.net/Crying/articles/195579.htmlCryingCryingThu, 24 Apr 2008 06:37:00 GMThttp://www.blogjava.net/Crying/articles/195579.htmlhttp://www.blogjava.net/Crying/comments/195579.htmlhttp://www.blogjava.net/Crying/articles/195579.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/195579.htmlhttp://www.blogjava.net/Crying/services/trackbacks/195579.html

Crying 2008-04-24 14:37 发表评论
]]>JS比较日期http://www.blogjava.net/Crying/articles/188425.htmlCryingCryingTue, 25 Mar 2008 02:22:00 GMThttp://www.blogjava.net/Crying/articles/188425.htmlhttp://www.blogjava.net/Crying/comments/188425.htmlhttp://www.blogjava.net/Crying/articles/188425.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/188425.htmlhttp://www.blogjava.net/Crying/services/trackbacks/188425.html


<script type="text/javascript">

  function strToDate(source) {
         var tar = source.replace('-','/');
            return new Date(tar);
         }

   function   checkCalDate()  
        {  
      var frm = document.forms["form1"];
      var f = strToDate(frm.establishDate.value);
      var t = strToDate(frm.productDate.value);
      var e = strToDate(frm.authChDate.value);
      if (frm.establishDate.value != "" && frm.productDate.value != ""&&frm.authChDate.value != "") {
       if (f.getTime() > t.getTime()) {
       alert("建厂日期不能大于投产日期！");
        return   false;  
       }
                 if (t.getTime() >e.getTime()) {
       alert("投产日期不能大于审核日期！");
        return   false;  
       }
     } 
       return   true  
    }
     
  
   </script>

                               

Crying 2008-03-25 10:22 发表评论
]]>客户端表单通用验证CheckForm （转） http://www.blogjava.net/liaojiyong/archive/2006/07/24/59824.htmlhttp://www.blogjava.net/Crying/articles/186232.htmlCryingCryingFri, 14 Mar 2008 03:35:00 GMThttp://www.blogjava.net/Crying/articles/186232.htmlhttp://www.blogjava.net/Crying/comments/186232.htmlhttp://www.blogjava.net/Crying/articles/186232.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/186232.htmlhttp://www.blogjava.net/Crying/services/trackbacks/186232.html阅读全文

Crying 2008-03-14 11:35 发表评论
]]>JS中替代回车http://www.blogjava.net/Crying/articles/176318.htmlCryingCryingFri, 18 Jan 2008 12:10:00 GMThttp://www.blogjava.net/Crying/articles/176318.htmlhttp://www.blogjava.net/Crying/comments/176318.htmlhttp://www.blogjava.net/Crying/articles/176318.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/176318.htmlhttp://www.blogjava.net/Crying/services/trackbacks/176318.html  <script language="javascript">
function a(){
   var r, re;                  
   re = /[\r\n]+/mg;            
   r =document.getElementById('a').value.replace(re, "|"); 
   alert(r);               
}
</script>
<body>
<textarea id="a" rows=5>
 
</textarea>
<input type="button" value="test" onclick="a();">
</body>
</html>

Crying 2008-01-18 20:10 发表评论
]]> setTimeout和setInterval的使用http://www.blogjava.net/Crying/articles/172922.htmlCryingCryingSat, 05 Jan 2008 03:45:00 GMThttp://www.blogjava.net/Crying/articles/172922.htmlhttp://www.blogjava.net/Crying/comments/172922.htmlhttp://www.blogjava.net/Crying/articles/172922.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/172922.htmlhttp://www.blogjava.net/Crying/services/trackbacks/172922.html setTimeout  和  setInterval

这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景,实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。


利用他们实现定时页面跳转


 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> test </TITLE> 

</HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var time = 6; //时间,秒 

function Redirect(){ 
window.location = "http://www.g.cn/"; 
} 
var i = 0; 
function dis(){ 
document.getElementById("test").innerHTML ="系统自动跳转到GOOLE    <br/><span style='color:red'>"+ "还剩" + (time - i) + "秒</span"; 
i++; 
} 
timer=setInterval('dis()', 1000);//显示时间 
timer=setTimeout('Redirect()',time * 1000); //跳转 

//--> 
</SCRIPT> 
<BODY> 
<span id="test"></span> 
</BODY> 
</HTML> 

 

 



Crying 2008-01-05 11:45 发表评论
]]>document.all的用法http://www.blogjava.net/Crying/articles/171599.htmlCryingCryingSat, 29 Dec 2007 09:52:00 GMThttp://www.blogjava.net/Crying/articles/171599.htmlhttp://www.blogjava.net/Crying/comments/171599.htmlhttp://www.blogjava.net/Crying/articles/171599.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/171599.htmlhttp://www.blogjava.net/Crying/services/trackbacks/171599.html     document.all可以判断浏览器是否是IE  
      if(document.all){  
      alert("is   IE!");  
     }


2.


代码1:  
   
  <input   name=aaa   value=aaa>  
  <input   id=bbb   value=bbb>  
   
  <script   language=Jscript>  
      alert(document.all.aaa.value)     //根据name取value  
      alert(document.all.bbb.value)     //根据id取   value  
  </script>  
   
  代码2：  
      但是常常name可以相同(如:用checkbox取用户的多项爱好的情况)  
   
  <input   name=aaa   value=a1>  
  <input   name=aaa   value=a2>  
  <input   id=bbb   value=bbb>  
   
  <script   language=Jscript>  
      alert(document.all.aaa(0).value)     //显示a1  
      alert(document.all.aaa(1).value)     //显示a2  
      alert(document.all.bbb(0).value)     //这行代码会失败  
  </script>  
   
   
  代码3：  
      理论上一个页面中的id是互不相同的，如果出现不同tags有相同的id  
  document.all.id   就会失败,就象这样：  
  <input   id=aaa   value=a1>  
  <input   id=aaa   value=a2>  
  <script   language=Jscript>  
      alert(document.all.aaa.value)     //显示   undefined   而不是   a1或者a2  
  </script>  
   
  代码4:  
      对于一个复杂的页面（代码很长，或者id是由程序自动产生),或着一个  
  javascript初学者写的程序，很有可能出现两个tags有相同id的情况。  
  为了编程的时候不出错，我推荐这样的写法：  
   
  <input   id=aaa   value=aaa1>  
  <input   id=aaa   value=aaa2>  
  <input   name=bbb   value=bbb>  
  <input   name=bbb   value=bbb2>  
  <input   id=ccc   value=ccc>  
  <input   name=ddd   value=ddd>  
   
  <script   language=Jscript>  
      alert(document.all("aaa",0).value)    
      alert(document.all("aaa",1).value)    
      alert(document.all("bbb",0).value)    
      alert(document.all("bbb",1).value)    
      alert(document.all("ccc",0).value)    
      alert(document.all("ddd",0).value)    
  </script>  
   
  这样最安全.


Crying 2007-12-29 17:52 发表评论
]]> 树形菜单http://www.blogjava.net/Crying/articles/165806.htmlCryingCryingThu, 06 Dec 2007 06:55:00 GMThttp://www.blogjava.net/Crying/articles/165806.htmlhttp://www.blogjava.net/Crying/comments/165806.htmlhttp://www.blogjava.net/Crying/articles/165806.html#Feedback1http://www.blogjava.net/Crying/comments/commentRss/165806.htmlhttp://www.blogjava.net/Crying/services/trackbacks/165806.html<%@ page language="java"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>My JSP 'index.jsp' starting page</title>
    <style> 
        <!-- 
        #foldheader{
        cursor:hand ;
        font-weight:bold ; 
        list-style-image:url(fold.gif)
        } 
         
        //--> 
   </style>
   <script type="text/javascript"> 
      <!-- 

        var head="display:''" 
        img1=new Image() 
        img1.src="fold.gif" 
        img2=new Image() 
        img2.src="open.gif" 

        function change(){ 
            if(!document.all) {
                return ;
            }
            if (event.srcElement.id=="foldheader") { 
                var srcIndex = event.srcElement.sourceIndex ;
                var nested = document.all[srcIndex+1] ;
            }
            if (nested.style.display=="none") { 
                nested.style.display='' ;
                event.srcElement.style.listStyleImage="url(open.gif)";
             } 
            else { 
                nested.style.display="none" 
                event.srcElement.style.listStyleImage="url(fold.gif)"; 
             } 
        } 
 
      document.onclick=change ;

//--> 
</script>

    </head>

    <body>
        <ul>
            <li id="foldheader">
                Software
            </li>
            <ul id="foldinglist" style="display:none" style=&{head};>
                
                <li id="foldheader">
                    Nested
                </li>
                    <ul id="foldinglist" style="display:none" style=&{head};>
                        <li>
                            <a href="#">nested 1</a>
                        </li>
                        <li>
                            <a href="#">nested 2</a>
                        </li>
                    </ul>
                
            </ul>
        </ul>
        

    </body>
</html>


Crying 2007-12-06 14:55 发表评论
]]>表格斜线http://www.blogjava.net/Crying/articles/165376.htmlCryingCryingWed, 05 Dec 2007 01:36:00 GMThttp://www.blogjava.net/Crying/articles/165376.htmlhttp://www.blogjava.net/Crying/comments/165376.htmlhttp://www.blogjava.net/Crying/articles/165376.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/165376.htmlhttp://www.blogjava.net/Crying/services/trackbacks/165376.htmlhttp://bbs.51js.com/viewthread.php?tid=13537
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script Language="javascript">
  function a(x,y,color)
   {
     document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top: "+(y+20)+";background-color: "+color+"'src='px.gif' width=1 height=1>");
    }
</script>

<body leftmargin=20 topmargin=20>
<TABLE border=0 bgcolor="000000" cellspacing="1" width=400>
<TR bgcolor="FFFFFF">
    <TD id="td1"> </TD>
    <TD>张三</TD>
    <TD>李四</TD>
    <TD>王五</TD>
</TR>
<TR bgcolor="FFFFFF">
    <TD>数学</TD>
    <TD>55</TD>
    <TD>66</TD>
    <TD>77</TD>
</TR>
<TR bgcolor="FFFFFF">
    <TD>英语</TD>
    <TD>99</TD>
    <TD>68</TD>
    <TD>71</TD>
</TR>
<TR bgcolor="FFFFFF">
    <TD>语文</TD>
    <TD>33</TD>
    <TD>44</TD>
    <TD>55</TD>
</TR>
</TABLE>
<script>
function line(x1,y1,x2,y2,color)
{
    var tmp
    if(x1>=x2)
    {
        tmp=x1;
        x1=x2;
        x2=tmp;
        tmp=y1;
        y1=y2;
        y2=tmp;
    }
    for(var i=x1;i<=x2;i++)
    {
        x = i;
        y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
        a(x,y,color);
    }
}
//*********************************/
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000');
</script>
</BODY>
</HTML>




Crying 2007-12-05 09:36 发表评论
]]>JS 去掉空格http://www.blogjava.net/Crying/articles/161631.htmlCryingCryingMon, 19 Nov 2007 07:34:00 GMThttp://www.blogjava.net/Crying/articles/161631.htmlhttp://www.blogjava.net/Crying/comments/161631.htmlhttp://www.blogjava.net/Crying/articles/161631.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/161631.htmlhttp://www.blogjava.net/Crying/services/trackbacks/161631.html<script>
function trim(str) {
   if (str == null) {
    return "";
   }
   return str.replace(/^\s*(.*?)[\s\n]*$/g,'$1');  
}
var s="  hello  ";
document.writeln("1"+trim(s)+"1");
document.write("1"+s+"1");

</script>

/***********************/

   i n   Javascript:  
  去掉leading/trailing   空格:   str     =   str.replace(/^\s+|\s+$/g,"");  
  去掉all空格:   str   =   str.replace(/\s+/g,""); 



Crying 2007-11-19 15:34 发表评论
]]>getElementById与getElementsByName 与getElementsByTagName总结 http://www.blogjava.net/Crying/articles/158526.htmlCryingCryingTue, 06 Nov 2007 05:59:00 GMThttp://www.blogjava.net/Crying/articles/158526.htmlhttp://www.blogjava.net/Crying/comments/158526.htmlhttp://www.blogjava.net/Crying/articles/158526.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/158526.htmlhttp://www.blogjava.net/Crying/services/trackbacks/158526.html1.getElementById
作用：一般页面里ID是唯一的，用于准备定为一个元素
语法： document.getElementById(id)
参数：id :必选项为字符串(String)
返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null
代码
  1. example：document.getElementById("id1").value;  

 

2.getElementsByName
作用：按元素的名称查找，返回一个同名元素的数组
语法： document.getElementsByName(name)
参数：name :必选项为字符串(String)
返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

代码
  1. example：document.getElementsByName("name1")[0].value;   
  2. document.getElementsByName("name1")[1].value;  

 

3.getElementsByTagName
作用：按HTML标签名查询，返回一个相同标签元素的数组
语法： object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数：tagname:必选项为字符串(String)，根据HTML标签检索。
返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

代码
  1. example：document.getElementsByTagName("p")[0].childNodes[0].nodeValue;   
  2. document.getElementsByTagName("p")[1].childNodes[0].nodeValue  


Crying 2007-11-06 13:59 发表评论
]]>Javascript 控制 CheckBox 的全选与取消全选http://www.blogjava.net/Crying/articles/156472.htmlCryingCryingSun, 28 Oct 2007 05:42:00 GMThttp://www.blogjava.net/Crying/articles/156472.htmlhttp://www.blogjava.net/Crying/comments/156472.htmlhttp://www.blogjava.net/Crying/articles/156472.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/156472.htmlhttp://www.blogjava.net/Crying/services/trackbacks/156472.html<html>
<head>
 
 <script type="text/javascript" language="javascript">
 <!-- // 说明：Javascript 控制 CheckBox 的全选与取消全选
  function checkAll(name) {   
          var el = document.getElementsByTagName('input');   
          var len = el.length;  
         for(var i=0; i<len; i++)   
           {   if((el[i].type=="checkbox") && (el[i].name==name))        
               {       el[i].checked = true;       
               }   
           }
    }
function clearAll(name) {   
 var el = document.getElementsByTagName('input');   
 var len = el.length;   
 for(var i=0; i<len; i++)    
{         if((el[i].type=="checkbox") && (el[i].name==name))         {    
        el[i].checked = false;         }   
 } }
//--></script> 
</head>
<body>
 <input type="checkbox" name="test" value=""
         onclick="if(this.checked==true)
                      { checkAll('test'); }
                   else { clearAll('test');}" /> 字母全选开关
<input type="checkbox" name="test" value="a" /> a
<input type="checkbox" name="test" value="b" /> b
<input type="checkbox" name="test" value="c" /> c
<input type="checkbox" name="test" value="d" /> d
<input type="checkbox" name="test" value="e" /> e
<input type="checkbox" name="test" value="f" /> f
<input type="checkbox" name="test" value="g" /> g  <br /> 
<input type="checkbox" name="num" value=""
       onclick="if(this.checked==true)
                   { checkAll('num'); }
                else { clearAll('num'); }"  /> 数字全选开关
<input type="checkbox" name="num" value="1" /> 1
<input type="checkbox" name="num" value="2" /> 2
<input type="checkbox" name="num" value="3" /> 3 
<br /><br />
<input type="button" value="选择所有的字母" onclick="checkAll('test')" />
<input type="button" value="清空选中的字母" onclick="clearAll('test')" />  <br /><br />
<input type="button" value="选择所有的数字" onclick="checkAll('num')" />
<input type="button" value="清空选中的数字" onclick="clearAll('num')" /> 
</body>
</html>


  



Crying 2007-10-28 13:42 发表评论
]]>犀牛书学习笔记（2） 对象http://www.blogjava.net/Crying/articles/153974.htmlCryingCryingThu, 18 Oct 2007 10:20:00 GMThttp://www.blogjava.net/Crying/articles/153974.htmlhttp://www.blogjava.net/Crying/comments/153974.htmlhttp://www.blogjava.net/Crying/articles/153974.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/153974.htmlhttp://www.blogjava.net/Crying/services/trackbacks/153974.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>犀牛书 对象 学习笔记p150</title>
<script language="javascript" type="text/javascript">

function Rectangle(x,y)//自己构造一个对象
{
 this.width=x;
 this.height=y;
 this.area=rectangle_area;//*****//
}
function rectangle_area()//定义一个求矩形面积的方法
{
  return  this.width*this.height;
}
function testObject()
{
  var r=new Rectangle(3,4);
  alert(r.area());//调用面积的方法
 
  var obj=new Object();//利用原型对象Object构造一个obj
  obj.title='你好！';
  alert(obj.title);
  
  obj.people=new Object();//在Obj的基础上在定义一个对象people
  obj.people.name='王世清';
  alert(obj.people.name);
 
  obj.people2={name:'wsq',age:22};//在Obj的基础上在定义一个对象people2，利用直接量方法
  alert(obj.people2.name+obj.people2.age);
 
  delete obj.people2.name; //删除某个对象的属性
  alert(obj.people2.name); //name属性删除后此时的name值是Undefined
  alert(obj.people2.age);
 }
</script>
</head>

<body onload="testObject()">
</body>
</html>



Crying 2007-10-18 18:20 发表评论
]]>犀牛书学习笔记（1）http://www.blogjava.net/Crying/articles/153973.htmlCryingCryingThu, 18 Oct 2007 10:19:00 GMThttp://www.blogjava.net/Crying/articles/153973.htmlhttp://www.blogjava.net/Crying/comments/153973.htmlhttp://www.blogjava.net/Crying/articles/153973.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/153973.htmlhttp://www.blogjava.net/Crying/services/trackbacks/153973.html<html>
<head>
<script type="text/javascript" language="javascript">
function check(value)
{   /* 注意JS中方法的大小写
     *javascript中的字符串和数组下标都是从0开始，
  * 第一个字符的下标是0
    */

  // alert(value.length);         求长度
 
 /************  Math  ***************/
     /*
   Math.abs(- 8.09);
      Math.exp( 5.7);
      Math.random();
      Math.sqrt(9.08);
      Math.pow( 2,3);     //乘方
      Math.round(99.6);
     alert(Math.sin(value));
  alert((Math.sqrt(value)));   开平方
  */
 
 /**************对字符串的操作****************/
 
 // alert(value.substring(0,3)); 截取    *方法小写*
 // alert(value.charAt(2));      截取相应的位置的字符
 // alert(value.indexOf("a"));   获取字符a的位置
 
 
 //var now=new Date();
 //alert(now.toLocaleString());
 
 
 /*******数组********/
 /*var array=new Array(1,2,3);
 for(var i=0;i<3;i++)
 {
  alert(array[i]);
 }*/
 
 
 /*******三种弹出对话框************/
 /*
 window.alert("密码不能为空！");
    window.confirm('真的要发表？');
    window.prompt("你好！","请输入要查找的字符：");
 */
  
}

</script>
</head>
<body>
<input type="text" id="Text"  onBlur="check(this.value)">
</body>
</html>



Crying 2007-10-18 18:19 发表评论
]]>实现JSP数据和JavaScript数据交互使用http://www.blogjava.net/Crying/articles/153858.htmlCryingCryingThu, 18 Oct 2007 05:35:00 GMThttp://www.blogjava.net/Crying/articles/153858.htmlhttp://www.blogjava.net/Crying/comments/153858.htmlhttp://www.blogjava.net/Crying/articles/153858.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/153858.htmlhttp://www.blogjava.net/Crying/services/trackbacks/153858.html
那如何实现在页面的JavaScript中使用jsp中的数据或是在JSP中使用页面的JavaScript数据呢？

一、页面中的JavaScript的数据如何提交给后台的JSP程序

① 可以将JavaScript的数据以xxx.JSP?var1=aaa&var2=bbb的形式作为URL的参数传给JSP程序，此时在jsp中用


<%String strVar1=request.getParameter("var1");%>


就可以获取到JavaScript脚本传递过来的数据；

② 使用JavaScript通过在表单里加入隐藏域信息，然后用表单提交的方式把数据传递给JSP程序。

参考下面的脚本：


<script language="JavaScript">
<!--
/***************************************************************
* JavaScript脚本，放置在页面中的任何位置都可以
* insertclick()函数获取JSP传递到页面中的变量varMC，
* 然后就可以在JavaScript中修改这个变量的值，再通过
* post的方式提交给JSP程序来使用。
***************************************************************/
function insertclick(){
var1 = document.all.mc.value; //获取页面form中的变量值
var1 = var1 + "名称";
document.insertForm.submit();
}
//-->
</script>

<!-- html页面form表单，放置在html页面中的位置不限 -->
<form name="insertForm" method="post" action="yourJSP">
<!-- 下面这一句是获取JSP程序中传递过来的变量值 -->
<input type="hidden" name="mc" value="<%=varMC%>">
<input type="button" value="提交" onclick="insertclick()">
</form>


二、页面中的JavaScript的数据如何使用后台的JSP程序的数据

这个比较简单，直接在JavaScript脚本中用就可以把jsp程序中的数据传递给JavaScript脚本使用了。


参考下面的脚本：


<!-- html页面form表单，放置在html页面中的位置不限 -->
<form name="insertForm" method="post" action="yourJSP">
<input type="hidden" name="mc" value="">
</form>

<script language="JavaScript">
<!--
/***************************************************************
* JavaScript脚本，放置在页面中form以后的任何位置都可以
* 使用JavaScirpt获取JSP传递到页面中的变量varMC，
* 然后就可以在JavaScript中使用这个变量的值，通过
* JavaScript脚本赋值给form中的隐藏域。
***************************************************************/
var1 = "<%=varMC%>"; //获取JSP中的变量值
document.all.mc.value = var1;
//-->
</script>


Crying 2007-10-18 13:35 发表评论
]]>javascript 基础知识之总结实例 (转)http://www.blogjava.net/Crying/articles/148967.htmlCryingCryingFri, 28 Sep 2007 02:03:00 GMThttp://www.blogjava.net/Crying/articles/148967.htmlhttp://www.blogjava.net/Crying/comments/148967.htmlhttp://www.blogjava.net/Crying/articles/148967.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/148967.htmlhttp://www.blogjava.net/Crying/services/trackbacks/148967.html 

1)Alert box
<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("I am an alert box!!")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="Display alert box" />

</body>
</html>

(2) confirm box
<html>
<head>
<script type="text/javascript">
function disp_confirm()
  {
  var r=confirm("Press a button")
  if (r==true)
    {
    document.write("You pressed OK!")
    }
  else
    {
    document.write("You pressed Cancel!")
    }
  }
</script>
</head>
<body>

<input type="button" onclick="disp_confirm()" value="Display a confirm box" />

</body>
</html>

(3)
Prompt box

<html>
<head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("Please enter your name","Harry Potter")
  if (name!=null && name!="")
    {
    document.write("Hello " + name + "! How are you today?")
    }
  }
</script>
</head>
<body>

<input type="button" onclick="disp_prompt()" value="Display a prompt box" />

</body>
</html>

(4)
 Call a function1

<html>
<head>

<script type="text/javascript">
function myfunction()
{
alert("HELLO")
}
</script>

</head>
<body>

<form>
<input type="button"
onclick="myfunction()"
value="Call function">
</form>

<p>By pressing the button, a function will be called. The function will alert a message.</p>

</body>
</html>


(5)
Function with an argument

<html>
<head>

<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>

</head>
<body>

<form>
<input type="button"
onclick="myfunction('Hello')"
value="Call function">
</form>

<p>By pressing the button, a function with an argument will be called. The function will alert
this argument.</p>

</body>
</html>


(7)Function with an argument 2

<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>

<body>
<form>
<input type="button"
onclick="myfunction('Good Morning!')"
value="In the Morning">

<input type="button"
onclick="myfunction('Good Evening!')"
value="In the Evening">
</form>

<p>
When you click on one of the buttons, a function will be called. The function will alert
the argument that is passed to it.
</p>

</body>
</html>

(8)
Function_return
<html>
<head>

<script type="text/javascript">
function myFunction()
{
return ("Hello, have a nice day!")
}
</script>

</head>
<body>

<script type="text/javascript">
document.write(myFunction())
</script>

<p>The script in the body section calls a function.</p>

<p>The function returns a text.</p>

</body>
</html>

(9)

<html>
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b
}
</script>
</head>

<body>
<script type="text/javascript">
document.write(product(4,3))
</script>
<p>The script in the body section calls a function with two parameters (4 and 3).</p>
<p>The function will return the product of these two parameters.</p>
</body>
</html>

(10)
loop
<html>
<body>

<script type="text/javascript">
for (i = 0; i <= 5; i++)
{
document.write("The number is " + i)
document.write("<br />")
}
</script>

<p>Explanation:</p>

<p>This for loop starts with i=0.</p>

<p>As long as <b>i</b> is less than, or equal to 5, the loop will continue to run.</p>

<p><b>i</b> will increase by 1 each time the loop runs.</p>

</body>
</html>


(11)
<html>
<body>

<script type="text/javascript">
for (i = 1; i <= 6; i++)
{
document.write("<h" + i + ">This is header " + i)
document.write("</h" + i + ">")
}
</script>

</body>
</html>


(12)
<html>
<body>

<script type="text/javascript">
i = 0
while (i <= 5)
{
document.write("The number is " + i)
document.write("<br />")
i++
}
</script>

<p>Explanation:</p>

<p><b>i</b> is equal to 0.</p>

<p>While <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p>

<p><b>i</b> will increase by 1 each time the loop runs.</p>

</body>
</html>

(13)
<html>
<body>

<script type="text/javascript">
i = 0
do
{
document.write("The number is " + i)
document.write("<br />")
i++
}
while (i <= 5)
</script>

<p>Explanation:</p>

<p><b>i</b>  equal to 0.</p>

<p>The loop will run</p>

<p><b>i</b> will increase by 1 each time the loop runs.</p>

<p>While <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p>


</body>
</html>

(14)
<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){break}
document.write("The number is " + i)
document.write("<br />")
}
</script>
<p>Explanation: The loop will break when i=3.</p>
</body>
</html>

(15)
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
   {
   adddlert("Welcome guest!")
   }
catch(err)
   {
   txt="There was an error on this page.\n\n"
   txt+="Error description: " + err.description + "\n\n"
   txt+="Click OK to continue.\n\n"
   alert(txt)
   }
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()" />
</body>

</html>



Crying 2007-09-28 10:03 发表评论
]]>javascript小技巧http://www.blogjava.net/Crying/articles/146579.htmlCryingCryingWed, 19 Sep 2007 11:32:00 GMThttp://www.blogjava.net/Crying/articles/146579.htmlhttp://www.blogjava.net/Crying/comments/146579.htmlhttp://www.blogjava.net/Crying/articles/146579.html#Feedback1http://www.blogjava.net/Crying/comments/commentRss/146579.htmlhttp://www.blogjava.net/Crying/services/trackbacks/146579.html1.document.write(""); 输出语句

 

2.JS中的注释为//

 

3.传统的HTML文档顺序是:document->html->(head,body)

 

4.一个浏览器窗口中的DOM顺序是:window->

(navigator,screen,history,location,document)

 

5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)

 

6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();

 

7.JS中的值类型:String,Number,Boolean,Null,Object,Function

 

8.JS中的字符型转换成数值型:parseInt(),parseFloat()

 

9.JS中的数字转换成字符型:(""+变量)

 

10.JS中的取字符串长度是:(length)

 

11.JS中的字符与字符相连接使用+号.

 

12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=

 

13.JS中声明变量使用:var来进行声明

 

14.JS中的判断语句结构:if(condition){}else{}

 

15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}

 

16.循环中止的命令是:break

 

17.JS中的函数定义:function functionName([parameter],...){statement[s]}

 

18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.

 

19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self

 

20.状态栏的设置:window.status="字符";

 

21.弹出提示信息:window.alert("字符");

 

22.弹出确认框:window.confirm();

 

23.弹出输入提示框:window.prompt();

 

24.指定当前显示链接的位置:window.location.href="URL"

 

25.取出窗体中的所有表单的数量:document.forms.length

 

26.关闭文档的输出流:document.close();

 

27.字符串追加连接符:+=

 

28.创建一个文档元素:document.createElement(),document.createTextNode()

 

29.得到元素的方法:document.getElementById()

 

30.设置表单中所有文本型的成员的值为空:

var form = window.document.forms[0]

for (var i = 0; i<form.elements.length;i++){

     if (form.elements.type == "text"){

         form.elements.value = "";

     }

}

 

31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)

 

32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length

 

33.单选按钮组判断是否被选中也是用checked.

 

34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)

 

35.字符串的定义:var myString = new String("This is lightsword");

 

36.字符串转成大写:string.toUpperCase(); 字符串转成小

写:string.toLowerCase();

 

37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.

 

38.取字符串中指定位置的一个字符:StringA.charAt(9);

 

39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);

40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数

 

41.定义日期型变量:var today = new Date();

 

42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒  [注意:此日期时间从0开始计]

 

43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName

 

44.parent代表父亲对象,top代表最顶端对象

 

45.打开子窗口的父窗口为:opener

 

46.表示当前所属的位置:this

 

47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名

 

48.在老的浏览器中不执行此JS:<!--      //-->

 

49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script>

 

50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>


51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.html" onclick="location.href='b.html';return

false">dfsadf</a>

 

52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError

 

53.JS中的换行:\n

 

54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>

 

55.JS中的all代表其下层的全部元素

 

56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1

 

57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML的值就是:how are <em>you</em>

 

58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.

 

59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.

 

60.isDisabled判断是否为禁止状态.disabled设置禁止状态

 

61.length取得长度,返回整型数值

 

62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc

 

63.window.focus()使当前的窗口在所有窗口之前.

 

64.blur()指失去焦点.与FOCUS()相反.

 

65.select()指元素为选中状态.

 

66.防止用户对文本框中输入文本:onfocus="this.blur()"

 

67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length

 

68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()

 

69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';

 

70.添加到收藏夹:external.AddFavorite("http://www.dannyg.com";,"jaskdlf");

 

71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;

 

72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.

 

73.JS中的self指的是当前的窗口

 

74.JS中状态栏显示内容:window.status="内容"

 

75.JS中的top指的是框架集中最顶层的框架

 

76.JS中关闭当前的窗口:window.close();

 

77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}

 

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

 

79.JS中的打印:window.print()

 

80.JS中的提示输入框:window.prompt("message","defaultReply");

 

81.JS中的窗口滚动条:window.scroll(x,y)

 

82.JS中的窗口滚动到位置:window.scrollby

 

83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval

(funcRef,msecDelay)或setTimeout

 

84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);

 

85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}}  window.onbeforeunload=verifyClose;

 

86.当窗体第一次调用时使用的文件句柄:onload()

 

87.当窗体关闭时调用的文件句柄:onunload()

 

88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)

 

89.window.location.reload()刷新当前页面.

 

90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)

 

91.document.write()不换行的输出,document.writeln()换行输出

 

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

 

93.变量名.charAt(第几位),取该变量的第几位的字符.

 

94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.

 

95.字符串连接:string.concat(string2),或用+=进行连接

 

96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)

 

97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.

 

98.string.match(regExpression),判断字符是否匹配.

 

99.string.replace(regExpression,replaceString)替换现有字符串.

 

100.string.split(分隔符)返回一个数组存储值.

 

101.string.substr(start[,length])取从第几位到指定长度的字符串.

 

102.string.toLowerCase()使字符串全部变为小写.

 

103.string.toUpperCase()使全部字符变为大写.

 

104.parseInt(string[,radix(代表进制)])强制转换成整型.

 

105.parseFloat(string[,radix])强制转换成浮点型.

 

106.isNaN(变量):测试是否为数值型.

 

107.定义常量的关键字:const,定义变量的关键字:var




Crying 2007-09-19 19:32 发表评论
]]>css实现菜单（转）http://www.blogjava.net/Crying/articles/142030.htmlCryingCryingSun, 02 Sep 2007 01:14:00 GMThttp://www.blogjava.net/Crying/articles/142030.htmlhttp://www.blogjava.net/Crying/comments/142030.htmlhttp://www.blogjava.net/Crying/articles/142030.html#Feedback0http://www.blogjava.net/Crying/comments/commentRss/142030.htmlhttp://www.blogjava.net/Crying/services/trackbacks/142030.html<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" c />
<title>css菜单演示</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
    font-family: arial, 宋体, serif;
        font-size:12px;
}
#nav {
     line-height: 24px;  list-style-type: none; background:#666;
}
#nav a {
    display: block; width: 150px; text-align:center;
}
#nav a:link  {
    color:#666; text-decoration:none;
}
#nav a:visited  {
    color:#666;text-decoration:none;
}
#nav a:hover  {
    color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
    float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
    background:#999;
}
#nav li ul {
    line-height: 27px;  list-style-type: none;text-align:left;
    left: -999em; width: 150px; position: absolute;
}
#nav li ul li{
    float: left; width: 150px;
    background: #F6F6F6;
}
#nav li ul a{
    display: block; width: 156px;text-align:left;padding-left:24px;
}
#nav li ul a:link  {
    color:#666; text-decoration:none;
}
#nav li ul a:visited  {
    color:#666;text-decoration:none;
}
#nav li ul a:hover  {
    color:#F3F3F3;text-decoration:none;font-weight:normal;
    background:#C00;
}
#nav li:hover ul {
    left: auto;
}
#nav li.sfhover ul {
    left: auto;
}
#content {
    clear: left;
}
-->
</style>
<script type=text/javascript><!--//--><![cdata[//><!--
function menuFix() {
    var sfels = document.getElementById("nav").getElementsByTagName("li");
    for (var i=0; i<sfels.length; i++) {
        sfels[i].() {
        this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfels[i].() {
        this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfels[i].() {
        this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfels[i].() {
        this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
        }
    }
}
window.;
//--><!]]></script>
</head>
<body>
<ul id="nav">
<li><a href="#">用户管理</a>
    <ul>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    </ul>
</li>
<li><a href="#">文章管理</a>
    <ul>
    <li><a href="#">服务二</a></li>
    <li><a href="#">服务二</a></li>
    <li><a href="#">服务二</a></li>
    <li><a href="#">服务二服务二</a></li>
    <li><a href="#">服务二服务二服务二</a></li>
    <li><a href="#">服务二</a></li>
    </ul>
</li>
<li><a href="#">图片管理</a>
    <ul>
    <li><a href="#">案例三</a></li>
    <li><a href="#">案例</a></li>
    <li><a href="#">案例三案例三</a></li>
    <li><a href="#">案例三案例三案例三</a></li>
    </ul>
</li>
<li><a href="#">系统管理</a>
    <ul>
    <li><a href="#">我们四</a></li>
    <li><a href="#">我们四</a></li>
    <li><a href="#">我们四</a></li>
    <li><a href="#">我们四111</a></li>
    </ul>
</li>
</ul>
</body>
</html>
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
实现的原理如下：
定义一个id为nav的ul，他下面有一级和二级菜单。
二级菜单默认是隐藏的。因为他的样式是
#nav li ul {
    line-height: 27px;  list-style-type: none;text-align:left;
    left: -999em; width: 150px; position: absolute;
}
关键就在于这个left:-999em和position:absolute，因为把他置为绝对的-999个字符长度后，他就不在父节点的所见范围内了，所以就看不到了。当鼠标指上去的时候，用js把li的样式后加了另一个样式sfhover，即
#nav li.sfhover ul {
    left: auto;
}
这个样式中把left置为了auto，就表示显示在原地方，这样就能看到了，这里还做了浏览器的兼容。因为IE不支持
#nav li:hover ul {
    left: auto;
}这样的语法，只有用js给加上onmouseover等事件了。其实在firefox中是不需要那段js代码的。

至于二级菜单的指上去变红色的效果则纯是css写的。秘密如下：
#nav li ul a:link  {
    color:#666; text-decoration:none;
}
#nav li ul a:visited  {
    color:#666;text-decoration:none;
}
#nav li ul a:hover  {
    color:#F3F3F3;text-decoration:none;font-weight:normal;
    background:#C00;
}
link表示一个链接a在页面上显示的样式，visited表示链接访问后的样式，hover表示指上去后的样式，这里的hover是IE唯一一个支持的这种写法。还有一个虚选择器active，表示激活后的样式。注意，a的这四个虚选择器是有顺序的，必须按lvha这个顺序写才会有效，可以记为love与hate，喜欢和讨厌，好记吧，呵呵。



Crying 2007-09-02 09:14 发表评论
]]>网页实用的http://www.blogjava.net/Crying/articles/142029.htmlCryingCryingSun, 02 Sep 2007 01:12:00 GMThttp://www.blogjava.net/Crying/articles/142029.htmlhttp://www.blogjava.net/Crying/comments/142029.htmlhttp://www.blogjava.net/Crying/articles/142029.html#Feedback10http://www.blogjava.net/Crying/comments/commentRss/142029.htmlhttp://www.blogjava.net/Crying/services/trackbacks/142029.html1.鼠标移动上去，图片变亮，移开又变成灰色。改变的是透明度。
<style>
.p1{filter:Alpha(Opacity=20)}
.p2{filter:Alpha(Opacity=100)}
</style>
<img src="/image/xxx.gif" border=0 class=p1 on mouseover="this.classname=p2"   on mouseout="this.classname=p1">
2.怎样在网页中播放mp3格式音乐
<html>
<title></title>
<body>
<embed src="http://music.jztele.com/mp3/dianying/xyxy.mp3"; loop=false autostart=true name=bgss width="0" height=0>
</body>
</html>
详细说明：
<embed
src="xx.mp3" 音乐文件
loop=false 是否重复播放
autostart=true 是否自动开始
name=bgss 为了控制而设定的名字
width="0" height="0" 宽、高 >
3.滚动现实公告
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="text-align: center;">
<td height="0"> <hr noshade> <p>
<marquee>
<xmp> 事件文字滚动 ——公告</xmp>
</marquee>
</p>
<hr noshade></td>
</tr>
</tbody>
</table>
4.以图片作为按钮
<form method="post" action="test.html">
<input type="text" name="textfield">
<input type="text" name="textfield2">
<input type="image" border="0" name="imageField" src="../img/submit.jpg" width="71" height="32" >
</form>
5.表格中单元格之间分隔线的隐藏方法
其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。
­
6.表格边框的隐藏
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
7.刷新的不同状态
­
非模态刷新父页面：window.opener.location.reload();
模态刷新父页面：window.dialogArguments.location.reload();  
window.location.assign('chklogin.jsp');
window.location.reload('chklogin.jsp');
以后用前者进行刷新吧。后者似乎对FF 不怎么兼容。
8.文字过长，缩略显示为...
<DIV STYLE="width: 120px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis">
<NOBR title="就是比如有一行文字，很长，表格内一行显示不下.">就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>
9.加入收藏夹通用代码
­
<script type="text/javascript">
function addBookmark(title,url)
{
if (window.sidebar)
{
window.sidebar.addPanel(title, url,"");
} else if( document.all )
{
window.external.AddFavorite( url, title);
} else if( window.opera && window.print )
{
return true;
}
}
</script>
页面使用：<a href=javascript:addBookmark('天极网网页陶吧','http://homepage.yesky.com/')> 添加到收藏</a>
10.几种弹出窗口
用户输入：var msg=prompt("请输入密码：");if(msg == "PKU")  弹出输入框。
用户确定：var IsOk = confirm('ok');
警告：alert("对不起");
open为打开一个窗口。
11.动态改变 下拉列表的值。
­
document.formname.elements[第几个元素].text = "test";
eg:
document.test9_1.elements[0].options[0].text="昆明市";
当然也可以用，之所以写出来是因为很多时候，我总是习惯用value，而忽略了text属性：
document.getElementById('select').options[0].text="昆明市";
­
12.动态插入表格内容：
document.getElementById('saleAndLost').rows[1].cells
x[1].innerHTML="test";
13.播放器代码
­
(1)media player代码:
<DIV>
<OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6>
<PARAM NAME="URL" VALUE="http://tyrb.com/big5/site1/images/2006-02/17/020203170937500170795.mp3">
<PARAM NAME="playCount" VALUE="infinite">
<PARAM NAME="autoStart" VALUE="1">
<PARAM NAME="volume" VALUE="50">
<PARAM NAME="uiMode" VALUE="full">
<PARAM NAME="stretchToFit" VALUE="1">
</OBJECT>
</DIV>
­
其中http://tyrb.com/big5/site1/images/2006-02/17/020203170937500170795.mp3就是歌曲"幸福像花儿一样"的地址，
改变这个地址也就改变了你的歌曲
­
(2)WMP播放器
<embed src="影音文件地址" width="播放器宽" height="播放器高" autostart="true" loop="true" align="center" volume="200" type="audio/x-pn-realaudio-plugin" exts="ra,ram" Init fn="load-types" mime-types="mime.types" ALT="(Random)"></embed>
(3)Flash播放器
<embed src="Flash地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="播放器宽" height="播放器高[" quality="High"></embed>
­
(4)RealPlayer播放器
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="480" height="360">
<param name="src" value="dfA.rmvb" />
<param name="controls" value="ImageWindow" />
<param name="console" value="_master" />
</object><br />
<object classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="480" height="32">
<param name="src" value="dfA.rmvb" />
<param name="controls" value="controlpanel" />
<param name="AUTOSTART" value="1">
<param name="console" value="_18c03c83e52df1f1285b0ac2d1ea7911" />
</object>
14.window.open参数详解
(1). 使用举例：
   <SCRIPT   LANGUAGE="javascript">    
  <!--    
  window.open   ('page.html',   'newwindow',   'height=100,   width=400,   top=0,   left=0,   toolbar=no,   menubar=no,   scrollbars=no,resizable=no,location=no,   status=no')    
  //写成一行    
  -->    
  </SCRIPT>    
(2). 参数详细描述
  'page.html'   弹出窗口的文件名；    
  'newwindow'   弹出窗口的名字（不是文件名），非必须，可用空''代替；    
  height=100   窗口高度；    
  width=400   窗口宽度；    
  top=0   窗口距离屏幕上方的象素值；    
  left=0   窗口距离屏幕左侧的象素值；    
  toolbar=no   是否显示工具栏，yes为显示；    
  menubar，scrollbars   表示菜单栏和滚动栏。    
  resizable=no   是否允许改变窗口大小，yes为允许；    
  location=no   是否显示地址栏，yes为允许；    
  status=no   是否显示状态栏内的信息（通常是文件已经打开），yes为允许；  
  
1 网页中所有链接去除下划线：
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
2在当前页面定位
<html>
<head></head>
<body>
<a href="#first">one</a>
<a href="#two">two</a>
<a href="#three">three</a>
<a name="first"><h1>one</h1>
<p> firstfirstfirstfirst
<br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
firstfirstfirstfirstfirst
</p><br/>
<a name="two"><h1>two</h1>
<p> twotwotwotwotwotwotwo
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
twotwotwotwotwotwotwotwotwo
</p><br/>
<a name="three"><h1>three</h1>
<p> threethreethreethreethree
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
threethreethreethreethree
<br>
3   Frame
  <frameset cols="50,400">
<frame src="div.html">
<frame src="about:blank">
</frameset>
////////////////////////////////////
<html>
<frameset rows="15%,*">
     <frame src="top.html" noresize>
     <frameset cols="30%,*">
         <frame src="left.html" scrolling=yes>
         <frame src="right1.html">
     </frameset>
    <noframes>
        <body>
            <p>你好啊</p>
        </body>
    </noframes>
</frameset>
</html>
4 自己写过的
<%@ page language="java" pageEncoding="GBK"
c%>
prefix="bean"%>
prefix="html"%>
<html>
<head>
  <title>JSP for RegisterForm form</title>
  <script language="javascript">
<!--  
function check()
{  var name=document.ReForm.name.value;
    var pass=document.ReForm.password.value;
    var repass=document.ReForm.repassword.value;
    var email=document.ReForm.email.value;
//验证数据的合法性
    if (!name||name.replace(/\s/g,"")=="")
    {  alert("用户名不能为空或空格，请输入用户名！");
     ReForm.name.focus();
     return false;
    }
    if (!pass||pass.replace(/\s/g,"")=="")
    {
     alert("用户密码不能为空或空格，请输入密码！");
     ReForm.password.focus();
     return false;
    }
    if (!repass||repass.replace(/\s/g,"")=="")
    {   alert("用户确认密码不能为空或空格，请输入密码！");
     ReForm.repassword.focus();
     return false;
    }
   if (pass != repass)
    {  alert("密码与确认密码不同");
    ReForm.password.focus();
     return false;
}
    if (!email||email.replace(/\s/g,"")=="")    
  {
   alert("请输入Email且不能为空格！");
   ReForm.email.focus();
   return false;
  }
  if (!(email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1))
  { alert("请输入合法的Email！");
  ReForm.email.focus();
  return false;
  }  
}
//-->
</script>
</head>
<body>
  <center>
   <html:form action="/register" method="post" focus="name">
   name : <html:text property="name" />
    <br />
   password : <html:password property="password" />
    <br />
   repassword : <html:password property="repassword" />
    <br />
   sex:<html:radio property="sex" value="1" >男</html:radio><html:radio property="sex" value="0">女</html:radio>
      <br />
   like:
      <html:multibox property="array" value="bc"></html:multibox>编程
       <html:multibox property="array">lq</html:multibox>篮球<br/>
   email : <html:text property="email" />
    <br/>
    <html:submit >注册</html:submit>
    <html:reset>取消</html:reset>
   </html:form>
  </center>
</body>
</html>
5常用的正则表达式


if(days.search("^[0-9]*[1-9][0-9]*$")!=0)
            { 
              alert("请输入整数");
              apply_HolidayForm.days.value="";
              apply_HolidayForm.days.focus();
              return false;
         
            }
^\d+$　　//匹配非负整数（正整数 + 0）
^[0-9]*[1-9][0-9]*$　　//匹配正整数
^((-\d+)|(0+))$　　//匹配非正整数（负整数 + 0）
^-[0-9]*[1-9][0-9]*$　　//匹配负整数
^-?\d+$　　　　//匹配整数
^\d+(\.\d+)?$　　//匹配非负浮点数（正浮点数 + 0）
^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$　　//匹配正浮点数
^((-\d+(\.\d+)?)|(0+(\.0+)?))$　　//匹配非正浮点数（负浮点数 + 0）
^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$　　//匹配负浮点数
^(-?\d+)(\.\d+)?$　　//匹配浮点数
^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串
^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串
^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串
^\w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串
^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$　　　　//匹配email地址
^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$　　//匹配url
匹配中文字符的正则表达式： [\u4e00-\u9fa5]

if(value.search("[\u4e00-\u9fa5]")==0){
            alert("类型名不能为中文！");
         return false;
}
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$
匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
匹配国内电话号码：(\d{3}-|\d{4}-)?(\d{8}|\d{7})?
匹配腾讯QQ号：^[1-9]*[1-9][0-9]*$
下表是元字符及其在正则表达式上下文中的行为的一个完整列表：
\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。
^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性，^ 也匹配 ’\n’ 或 ’\r’ 之后的位置。
$ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性，$ 也匹配 ’\n’ 或 ’\r’ 之前的位置。
* 匹配前面的子表达式零次或多次。
+ 匹配前面的子表达式一次或多次。+ 等价于 {1,}。
? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。
{n} n 是一个非负整数，匹配确定的n 次。
{n,} n 是一个非负整数，至少匹配n 次。
{n,m} m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。在逗号和两个数之间不能有空格。
? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。
. 匹配除 "\n" 之外的任何单个字符。要匹配包括 ’\n’ 在内的任何字符，请使用象 ’[.\n]’ 的模式。
(pattern) 匹配pattern 并获取这一匹配。
(?:pattern) 匹配pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。
(?=pattern) 正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。
(?!pattern) 负向预查，与(?=pattern)作用相反
x|y 匹配 x 或 y。
[xyz] 字符集合。
[^xyz] 负值字符集合。
[a-z] 字符范围，匹配指定范围内的任意字符。
[^a-z] 负值字符范围，匹配任何不在指定范围内的任意字符。
\b 匹配一个单词边界，也就是指单词和空格间的位置。
\B 匹配非单词边界。
\cx 匹配由x指明的控制字符。
\d 匹配一个数字字符。等价于 [0-9]。
\D 匹配一个非数字字符。等价于 [^0-9]。
\f 匹配一个换页符。等价于 \x0c 和 \cL。
\n 匹配一个换行符。等价于 \x0a 和 \cJ。
\r 匹配一个回车符。等价于 \x0d 和 \cM。
\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。
\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
\t 匹配一个制表符。等价于 \x09 和 \cI。
\v 匹配一个垂直制表符。等价于 \x0b 和 \cK。
\w 匹配包括下划线的任何单词字符。等价于’[A-Za-z0-9_]’。
\W 匹配任何非单词字符。等价于 ’[^A-Za-z0-9_]’。
\xn 匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。
\num 匹配 num，其中num是一个正整数。对所获取的匹配的引用。
\n 标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式，则 n 为后向引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。
\nm 标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式，则 nm 为后向引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。
\nml 如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八
  


Crying 2007-09-02 09:12 发表评论
]]>