javascript 기술 (1)

15371 단어 JavaScript
오픈 가운데
 
function newWin(url){
	window.open(url, "newwindow", "width=600,height=500,top="+(screen.availHeight-500)/2+",left="+(screen.availWidth-600)/2+", toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no");
}

 
2. JavaScript 기초 지식
 
        첨부 JavaScriptCore_-_v0.pdf
 
 
3. JavaScript 페이지 새로 고침
Javascript 페이지 새로 고침 방법: 1    history.go(0) 2    location.reload() 3    location=location 4    location.assign(location) 5    document.execCommand('Refresh') 6    window.navigate(location) 7    location.replace(location) 8    document. URL = location. href 자동 으로 페이지 새로 고침 방법: 1. 페이지 자동 새로 고침: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20" > 중 20 은 20 초 간격 으로 페이지 를 새로 고침 합 니 다. 2. 페이지 자동 이동: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20; url ="http://www.wyxg.com"> 그 중 20 손가락 이 20 초 간격 으로 이동http://www.wyxg.com페이지 3. 페이지 자동 새로 고침 js 버 전
<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}

setTimeout('myrefresh()',1000); //  1     
</script>

 
JS 프레임 워 크 를 포함 하 는 페이지 를 새로 고 치 는 방법  
<script language=JavaScript>
   parent.location.reload();
</script> 

 
/ / 하위 창 부모 창 새로 고침
<script language=JavaScript>
    self.opener.location.reload();
</script>

(   <a href="javascript:opener.location.reload()">  </a>   )

 
/ / 다른 프레임 의 페이지 를 새로 고 치 는 방법  
<script language=JavaScript>
   parent.  FrameID.location.reload();
</script>

 
/ / 창 을 닫 을 때 새로 고침 하거나 열 려 고 할 때 새로 고침 하려 면 < body > 에서 다음 문 구 를 호출 하면 됩 니 다.
<body onload="opener.location.reload()">      
<body onUnload="opener.location.reload()">      
<script language="javascript">
window.opener.document.location.reload()
</script>

 
/ / 새로 고침 시 알림 을 꺼 내지 않 으 려 면:
window.location.href=window.location.href ;
window.location.reload;

 
하지만 window. location. href = "새로 고침 할 페이지" 는 ie7 에 문제 가 없습니다. ie6 와 여행 에 서 는 안 됩 니 다. window. location. reload () 는 됩 니 다. 주의 하 세 요.  -- javascript 페이지 새로 고침 1. Response. Write ("< script   language=javascript>parent.left.document.location.reload();"); 2.Response.Write("window.top.location='login.aspx';window.close"); 3.this.RegisterStartupScript("reload","window.parent.frames('left').location.reload(true);");     혹시    this.RegisterStartupScript("reload","window.parent.frames('left').location.href=window.parent.frames('left').location.href;");
 
4. JavaScript  type: of () 용법 
js 에 서 는 여러 개의 이름 이 같은 input 을 사용 합 니 다. 동적 으로 생 성 되면 제출 할 때 배열 여 부 를 판단 해 야 합 니 다. if (document. my list. length! = "undefined") {} 이 용법 이 잘못 되 었 습 니 다. 정확 한 것 은 if (typeof (document. my list. length)! = "undefined") {} 또는 if (! isNaN (document. my list. length) {} typeof 의 연산 수가 정의 되 지 않 았 습 니 다.돌아 오 는 것 은 "undefined" 입 니 다. 연산 수 는 숫자 type: of (x) = "number" 문자열 type: of (x) = "string" 불 값 type: of (x) = "boolean" 대상, 배열 과 null type: of (x) = "object" 함수 type: of (x) = "function" type: of 연산 자 는 표현 식 데이터 형식 을 나타 내 는 문자열 을 되 돌려 줍 니 다.가능 한 문자열 은 "number", "string", "boolean", "object", "function", "undefined" 입 니 다.예: alert (type: of (123); /type: of (123) "number" alert (type: of ("123") 를 되 돌려 줍 니 다. / /type: of ("123") 는 "string" type: of 연산 자 를 되 돌려 표현 식 의 데이터 형식 을 나타 내 는 문자열 을 되 돌려 줍 니 다.typeof[()expression[]] ; expression 매개 변 수 는 형식 정 보 를 찾 아야 하 는 임의의 표현 식 입 니 다.type: of 연산 자 는 형식 정 보 를 문자열 로 되 돌려 줍 니 다.type: of 반환 값 은 여섯 가지 가능성 이 있 습 니 다. "number," string, "boolean," object, "function," 과 "undefined." type: of 문법 에서 괄호 를 선택 할 수 있 습 니 다.
 
 
5. JavaScript  js 에서 html 개체 삭제
/**
   * @deprecated   div     html   div  ,    ,  ie   
   * 
   */
var divobj = creatElement("div");

   function closeDiv(divobj)
   {
    divobj.parentNode.removeChild(divobj);
   }

 
 
6. JavaScript  Event.observe
Event. observe ('loginName', 'click', function (event) 용법 첫 번 째 매개 변 수 는 요소 이름 입 니 다... 두 번 째 매개 변 수 는 동작 입 니 다... 세 번 째 매개 변 수 는 실 행 된 함수 입 니 다...
 
Event. observe 를 사용 하면 페이지 요소 와 js 코드 를 분리 할 수 있 습 니 다. 예 를 들 어 아래 코드 와 같 습 니 다.
 
function init() {

Event.observe('loginName', 'click', function (event) {
   Event.element(event).select();
   $("loginName").value="";
});

var loginName = $("loginName") ;
loginName.style.color ="gray";

}

Event.observe(document, 'dom:loaded', init);

 
<html>  
<head>  
    <title>  </title>  
    <script type="text/javascript" src="prototype-1.5.1.2.js"></script>  
</head>  
<body>  
   :<input type="text" name="birth" id="birth"/><br/>  
<input id="btn_test" type="button" value="  " />  
</body>  
</html>  
<script type="text/javascript" language="javascript">  
                 Event.observe('btn_test', 'click', test);   
                 function test(){   
                     alert("    !!!");   
                 }   
</script>

 
 
7. JavaScript 는 날짜 와 시간 형식 이 정확 한 지 판단 합 니 다.
function isDate(date) {
	if (typeof (date) == 'undefined' || date == null || date == '') {
		return false;
	}
	//       
	var splitStr = '/';

	var strs = date.split(splitStr);

	var d = new Date(strs[0], strs[1] - 1, strs[2]);

	var year = d.getFullYear();
	var month = d.getMonth() + 1;
	var day = d.getDate();

	//         
	if (parseInt(strs[0], 10) == year && parseInt(strs[1], 10) == month
			&& parseInt(strs[2], 10) == day) {
		return true;
	} else {
		return false;
	}
}

 
 
8. JavaScript  날짜 가감 을 계산 하 다
 어느 날짜 + 몇 달 며칠 = 어느 날짜 의 문제.
 
//  IE      NaN   
function parseISO8601(dateStringInRange) {
    var isoExp = /^s*(d{4})-(dd)-(dd)s*$/,
        date = new Date(NaN), month,
        parts = isoExp.exec(dateStringInRange);
    if(parts) {
      month = +parts[2];
      date.setFullYear(parts[1], month - 1, parts[3]);
      if(month != date.getMonth() + 1) {
        date.setTime(NaN);
      }
    }
    return date;
}
var change_date = function(dates,months,days) {
    var datestr = parseISO8601(dates);
    //                  
    var now = new Date(datestr);
    if(months != 0){
        now.setMonth(now.getMonth() + months);   
    }
    now.setDate((now.getDate()-1) + 1 * days);
    var year = now.getFullYear(); 
    if(months != 0){
        var month = now.getMonth()+1;
    }else{
        var month = now.getMonth()+1;
    }    
    var day = now.getDate(); 
    if (month < 10) { 
        month = '0' + month; 
    } 
    if (day < 10) { 
        day = '0' + day; 
    } 
    return year + '-' + month + '-' + day; 
}; 
var n = change_date("2012-12-01",12,32);
alert(n);

 
 
 javascript 에서 날짜 의 가감 연산. 예 를 들 어 오늘 + 80 일
 
function   DateAdd(interval,number,date)
{
/*
  *---------------   DateAdd(interval,number,date)   -----------------
  *   DateAdd(interval,number,date)  
  *     :  VBScript DateAdd  .
  *     :interval,      ,          .
  *     :number,     ,             .
  *     :date,    .
  *     :      .
  *   var   now   =   new   Date();
  *   var   newDate   =   DateAdd( "d ",5,now);
  *   author:wanghr100(    .net)
  *   update:2004-5-28   11:46
  *---------------   DateAdd(interval,number,date)   -----------------
  */
        switch(interval)
        {
                case   "y "   :   {
                        date.setFullYear(date.getFullYear()+number);
                        return   date;
                        break;
                }
                case   "q "   :   {
                        date.setMonth(date.getMonth()+number*3);
                        return   date;
                        break;
                }
                case   "m "   :   {
                        date.setMonth(date.getMonth()+number);
                        return   date;
                        break;
                }
                case   "w "   :   {
                        date.setDate(date.getDate()+number*7);
                        return   date;
                        break;
                }
                case   "d "   :   {
                        date.setDate(date.getDate()+number);
                        return   date;
                        break;
                }
                case   "h "   :   {
                        date.setHours(date.getHours()+number);
                        return   date;
                        break;
                }
                case   "m "   :   {
                        date.setMinutes(date.getMinutes()+number);
                        return   date;
                        break;
                }
                case   "s "   :   {
                        date.setSeconds(date.getSeconds()+number);
                        return   date;
                        break;
                }
                default   :   {
                        date.setDate(d.getDate()+number);
                        return   date;
                        break;
                }
        }
}

var   now   =   new   Date();
//   .
var   newDate   =   DateAdd( "d ",5,now);
alert(newDate.toLocaleDateString())
//    .
newDate   =   DateAdd( "m ",2,now);
alert(newDate.toLocaleDateString())
//   
newDate   =   DateAdd( "y ",1,now);
alert(newDate.toLocaleDateString()) 

 
 
 
9. JavaScript  반올림 계산
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Javascript    (Math.round() Math.pow())</title>
    <script type="text/javascript">
        //Math.round(x);          ,       ,       
        function f(){
            alert(Math.round(123.567));
            alert(Math.round(123.456));
        }
        //Math.pow(x,y);         
        //   x y  ,   x y        
        //  pow            ,  Infinity
        function f1(){
            alert(Math.pow(2,10));//2 10    1024
            alert(Math.pow(1024,0.1));//1024 0.1    2
            alert(Math.pow(99,9999));//     Infinity
        }
        /*Javascript          ,    。
         *ForDight(Dight,How):       ,Dight        ,How        。
         *         10   ,      ,     10   。
         */  
        function ForDight(Dight,How){  
            Dight = Math.round(Dight*Math.pow(10,How))/Math.pow(10,How);  
            return Dight;  
        }  
        function f2(){
            alert(ForDight(12345.67890,3));//      
            alert(ForDight(123.99999,4));//      
        }
        //           ,    。
        //       :num        。n       
        //cheng(123.456,2);//      
        function cheng(num,n){
            var  dd=1;  
            var  tempnum;  
            for(i=0;i<n;i++){
                dd*=10;  
            }  
            tempnum = num*dd;
            tempnum = Math.round(tempnum);  
            alert(tempnum/dd);  
        }
    </script>
</head>
<body>
    <input type="button" value="round" onclick="f();" />
    <input type="button" value="pow" onclick="f1();" />
    <input type="button" value="          ,    " onclick="f2();" />
    <input type="button" value="cheng" onclick="cheng(123.456,2);" />
</body>
</html>

 
   



Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><script type="text/javascript">
// Javascript float       , 22.127456  22.13,   ? 
//1.     ....... [      .........] 
    function get(){
        var s = 22.127456 + "";
        var str = s.substring(0,s.indexOf(".") + 3);
        alert(str);
    } 
</script>
<script type="text/javascript">
//2.           
    onload = function(){
        var a = "23.456322";
        var aNew;
        var re = /([0-9]+\.[0-9]{2})[0-9]*/;
        aNew = a.replace(re,"$1");
        alert(aNew);
    }
</script>

<script type="text/javascript">
//3.        ..... 
    var num=22.127456;
    alert( Math.round(num*100)/100);
</script> 

<script type="text/javascript">
//4.         .......      IE5.5+   。 
//     
    var num=22.127456;
    alert( num.toFixed(2));
</script>

 
 
 
 
 
 
 
 
 
 
 
 

좋은 웹페이지 즐겨찾기