javascript基础语法累计

xiaoxiao2023-02-02  21

javaScript是一种基于对象的事件驱动型的解释型语言。

一、javascript关键字

      break    case    catch       coutinue    default    delete    do    else    false    finally    for    function      

      if            in        instanceof   new       null         return     switch   this    throw    true    try    typeof   

      var        void     while        with;

 

     分类:

            1)判断类:if    else ;  switch   case    default;    break  coutinue;

            2)循环类:while   do    for    in;

            3)异常类:try     catch   finally   throw;

            4)逻辑类:true    false;

            5)类型类:typeof     instanceof;

            6)定义类:var    null   void   function  new 

            7)其他:   return;

 

【注】null:在程序中表示没有值或者不是一个对象;

         undefined:代表变量的值尚未指定或者对象属性根本不存在;

         typeof:     查询数值当前类型。

                          typeof("test"+3)="string"; typeof(null)="object"; typeof(true+1)="number";

                          typeof(true+false)="number"; 

 

二、对象

      1)javascript包含四种对象:(1)内置对象;(2)自定义对象;(3) 浏览器对象window; (4) ActiveX对象。

                        [js中除了null和undefined以外其他的数据类型都被定义为对象;] 

   

      2)11种内置对象:

           Number      String    Boolean   Array    Date    Math   Object    RegExp Function    Error   Global;

           (1)数据对象:Number      String    Boolean;

           (2)组合对象:Array    Date    Math;

           (3)高级对象:Object    RegExp Function    Error   Global;

 

      3)ECMA V3标准定义的全局变量和全局函数名称:(注意大小写不能变,红色为11种内置对象)

      arguments      encodeURL      Infinity    Object     String    Array    Error    isFinite   parseFloat   

      parseInt          syntaxError     Boolean   escape    isNaN   TypeError   Date    eval    Math  

      RangeError      undefined       decodeURL   EvalError   NaN    ReferenceError   unescape    

      decodeURLComponent  Function  Number   RegExp   URLError   Global   

    分类:

           1)、encodeURL 和 decodeURL;                  Infinity   和   isFinite;

                   parseFloat、parseInt 和 Number;       escape   和  unescape;

                   Object、String、Array、Date、Boolean、Math、Error;

                   Error、syntaxError、RangeError、EvalError、ReferenceError  URLError;

 

 

【附:】一些用法

      1)escape和unescape:[unicode加密解密]

     

<html> <head> <title> new document </title> <script type="text/javascript"> function convert(id,tag){ var ovalue=document.getelementbyid(id); if(tag==1){ ovalue.innerhtml=escape(ovalue.value); } if(tag==2){ ovalue.innerhtml=unescape(ovalue.value); } } </script> </head> <body> <textarea rows="10" cols="45" id="cont">msg:[中华人民共和国成立60周年]</textarea><br/> <input type="button" value="escape" οnclick="convert('cont',1)"/> <input type="button" value="escape" οnclick="convert('cont',2)"/> </body> </html>

 

  2)parseFloat、parseInt和Number

       var temp=window.prompt("input the data:","12.35asdefg");

       alert(parseFloat(temp));  //12.35;

       alert(parseInt(temp));     //12;

       alert(Number(temp));      // NaN;   ----------- 'not a number'

       alert(12/0);                     //Infinity; --------无穷大

 

        alert(Number.MAX_VALUE); //        alert(Number.MIN_VALUE); //

 

  3) eval函数:(可以把一个字符串当成一个表达式来执行);

          返回值:通过计算 string 得到的值(如果有的话)。

             说明:该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

         (1)  alert("2+3");           //2+3                alert(eval("2+3"));  // 5

 

         (2)  function swapTwo()  //搜集的实例               {                    var the_image = prompt("change parrot or cheese","");                    window.document.the_image.src = "ant.gif";               }

              不幸的是, JavaScript将会寻找名字叫 the_image而不是你所希望的"cheese"或者"parrot"的图象,              于是你得到了错误信息:”没听说过一个名为the_image的对象”。

              还好,eval能够帮你得到你想要的对象。

              function simpleSwap()             {                   var the_image = prompt("change parrot or cheese","");                   var the_image_name = "window.document." + the_image;                   var the_image_object = eval(the_image_name);                   the_image_object.src = "ant.gif";              }

     4) isFinite() 检查某个值是否为有穷大的数。

         isNaN() 检查某个值是否是数字。  

 

三、算术运算

      

         1)+、 — 、 *、 /、 %。

              数字+字符串--->字符串;   数字+布尔值(false 0,true 1)---->数字; 字符串+布尔值--->字符串;

          2)自增自减:++、-- ;

          3)符合运算符:+=、-=、*=、/=、%= ; 

 

 

 

 

 

四、内置对象的用法:

1、window:

     1)、window.alert("提示信息内容!");

     2)、window.prompt("请输入数字:","10");

     3)、window.open("http://www.hao123.com","_self","chennal");

2、document:

     1)、document.write("页面输出");    document.writeln("页面输出多了换行");

 

 3、String的方法:

      1)length; (汉字、字母长度都是1)         2)

      1)格式编排方法:anchor(); blink(); fixed(); bold(); italics();strike(); big(); small(); sub(); sup();

                             fontcolor("red"); fontsize(7).

      2)大小写转换:toLowerCase(); toUpperCase();

      3)获取指定字符:charAt(index); charCodeAt(index);//返回指定位置index的unicode编码;

      4)查询字符串:(索引都是从0开始的)

                             indexOf(findstr,index);                 lastindexOf(findstr);

                             match(regexp);返回匹配的字符串的数组,没匹配则为null。 regexp为正则表达式或字符串;

                             search(regexp);返回找到字符串的首字符索引。(同indexOf方法一样)

      5)子字符串处理:substr(start,length);    

                                substring(start,end); 

                                slice(start,end); //(同substring(start,end))

                               替换子字符串:replace(findstr,tostr);

                               

五、细节

1、注释: 有单行注释和多行注释。 // 和 /* …… */ 

                那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

                 <script type="text/javascript">                

                 <!-- 

                       ……

                  //-->

                  </script>

 

 

六、事件

 

事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。

HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。

FF: Firefox, N: Netscape, IE: Internet Explorer

属性当以下情况发生时,出现此事件FFNIEonabort图像加载被中断134onblur元素失去焦点123onchange用户改变域的内容123onclick鼠标点击某个对象123ondblclick鼠标双击某个对象144onerror当加载文档或图像时发生某个错误134onfocus元素获得焦点123onkeydown某个键盘的键被按下143onkeypress某个键盘的键被按下或按住143onkeyup某个键盘的键被松开143onload某个页面或图像被完成加载123onmousedown某个鼠标按键被按下144onmousemove鼠标被移动163onmouseout鼠标从某元素移开144onmouseover鼠标被移到某元素之上123onmouseup某个鼠标按键被松开144onreset重置按钮被点击134onresize窗口或框架被调整尺寸144onselect文本被选定123onsubmit提交按钮被点击123onunload用户退出页面123

 

 

相关资源:javascript基础——for循环
转载请注明原文地址: https://www.6miu.com/read-4981084.html

最新回复(0)