• JS 笔记


    如何定义一个函数呢?基本语法如下:

    function 函数名()
    {
         函数代码;
    }

    说明:

    1. function定义函数的关键字。

    2. "函数名"你为函数取的名字。

    3. "函数代码"替换为完成特定功能的代码。

    我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字:“add2”,代码如下:

    function add2(){
       var sum = 3 + 2;
       alert(sum);
    }


    JavaScript变量可以不声明就使用
    声明的变量为局部变量,未声明的变量为全局变量。

    函数调用:

    函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了,代码如下

    JavaScript-警告(alert 消息对话框)

    语法:

    alert(字符串或变量);  
    <script type="text/javascript">
       var mynum = 30;
       alert("hello!");
       alert(mynum);
    </script>



    JavaScript-确认(confirm 消息对话框)

    confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

    语法:

    confirm(str);

    参数说明:

    str:在消息对话框中要显示的文本
    返回值: Boolean值

    返回值:

    当用户点击"确定"按钮时,返回true
    当用户点击"取消"按钮时,返回false

    注: 通过返回值可以判断用户点击了什么按钮

    看下面的代码:

    <script type="text/javascript">
        var mymessage=confirm("你喜欢JavaScript吗?");//该变量要在函数体内, 不然会先弹出对话框。
        if(mymessage==true)
        {   document.write("很好,加油!");   }
        else
        {  document.write("JS功能强大,要学习噢!");   }
    </script>

    结果:

    注: 消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。

     

     

     

    JavaScript-提问(prompt 消息对话框)

    prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。

    语法:

    prompt(str1, str2);

    参数说明:

    str1: 要显示在消息对话框中的文本,不可修改
    str2:文本框中的内容,可以修改

    返回值:

    1. 点击确定按钮,文本框中的内容将作为函数返回值
    2. 点击取消按钮,将返回null

    看看下面代码:

    var myname=prompt("请输入你的姓名:");
    if(myname!=null)
      {   alert("你好"+myname); }
    else
      {  alert("你好 my friend.");  }

    结果:

    注:在用户点击对话框的按钮前,不能进行任何其它操作。

    JavaScript-打开新窗口(window.open)

    open() 方法可以查找一个已经存在或者新建的浏览器窗口。

    语法:

    window.open([URL], [窗口名称], [参数字符串])

    参数说明:

    URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
    窗口名称:可选参数,被打开窗口的名称。
        1.该名称由字母、数字和下划线字符组成。
        2."_top"、"_blank"、"_self"具有特殊意义的名称。
           _blank:在新窗口显示目标网页
           _self:在当前窗口显示目标网页
           _top:框架网页中在上部窗口中显示目标网页
        3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
       4.name 不能包含有空格。
    参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

    参数表:

    例如:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

    <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
    </script>

    注意:运行结果考虑浏览器兼容问题。

    JavaScript-关闭窗口(window.close)

    close()关闭窗口

    用法:

    window.close();   //关闭本窗口

    <窗口对象>.close();   //关闭指定的窗口

    例如:关闭新建的窗口。

    <script type="text/javascript">
       var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
       mywin.close();
    </script>

    注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。

     

    一维数组

    var myarr=new Array();

    myarr.length;

     

    二维数组

    1 var myarr=new Array();

    for(var i=0;i<arr.length;i++){//这里不能用Int

    myarr[i]=new Array();

    for(var j=0;j<arr.length;j++){

    myarr[i][j];}

    }

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>第7章</title>
    <script type="text/javascript">
    var date=new Date();
    var year=date.getFullYear();
    var month=date.getMonth();
    var day=date.getDay();
    var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六",]
    document.write(year+"年"+month+"月"+day+"日"+""+weekday[date.getDay()]+"<br>");
    //星期的设置需要另外设置一个数组,不然返回的是数字
    document.write("当前时间"+date+"<br>");//获取当前系统时间
    date.setTime(date.getTime()+60*60*1000);// 一小时 60 分,一分 60 秒,一秒 1000 毫秒
    document.write("当前时间"+date+"<br>");//通过date.setTime()可以改变当前的时间
    //使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写:
    
    var mystr="Hello world!";
    var mynum=mystr.toUpperCase();//stringObject.toUpperCase可以将字符串小写字母转换为大写
     //toLowerCase则相反。
     document.write("当前的字符串为:"+mynum+"<br>");
     document.write("返回为该字符串最后一个字符:"+mystr.charAt(mystr.length-1)+"<br>");
     //stringObject.charAt(index)
     /*1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。
    
    2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。*/   
    document.write("第二次出现o的位置为:"+mystr.indexOf("o",mystr.indexOf("o")+1)+"<br>");//mystr.indexOf("o")+1 返回第二个o的位置
    /*indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
    1.indexOf() 方法区分大小写。
    
    2.如果要检索的字符串值没有出现,则该方法返回 -1。
    语法
    
    stringObject.indexOf(substring, startpos)*/
    document.write("当前的数组被分割为:"+mystr.split("",mystr.length)+"<br>");
    /*
    split() 方法将字符串分割为字符串数组,并返回此数组。
    
    语法:
    
    stringObject.split(separator,limit)
    第2个为空,则不限制次数。
    如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。*/
    document.write("当前字符串第一个位置到第一个为空之间的字符串为:"+mystr.substring(0,mystr.indexOf(" ")) +"<br>");//mystr.indexOf(" ")括号中间要有空格
    /*substring() 方法用于提取字符串中介于两个指定下标之间的字符。
    
    语法:
    
    stringObject.substring(startPos,stopPos) 
    1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。
    
    2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
    
    3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
    */
    document.write("当前字符串第一个位置到第一个为空之间的字符串为:"+mystr.substr("w",mystr.indexOf("!")) );
    /*substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
    
    语法:
    
    stringObject.substr(startPos,length)*/
    </script>
    </head>
    
    <body>
    </body>
    </html>

    Array 数组对象

    数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var js1="I";
    var js2="Love";
    var js3="javascript";
    
    document.write("连接的字符为"+js1.concat(js2,js3)+"<br>");
    /*
    concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。
     该方法不会改变现有的数组,       而仅仅会返回被连接数组的一个副本。
    语法
    
    arrayObject.concat(array1,array2,...,arrayN)
    */
     var myarr = new Array(3)
      myarr[0] = "I";
      myarr[1] = "love";
      myarr[2] = "JavaScript";
      document.write("用.连接的字符为"+myarr.join(".")+"<br>");
    
      /*
      join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
    返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。  这个方法不影响数组原本的内容。  我们使用join()方法,将数组的所有元素放入一个字符串中
    语法:
    
    arrayObject.join(分隔符)*/
       document.write("颠倒后的字符串"+myarr.reverse()+"<br>");
       /*
       reverse() 方法用于颠倒数组中元素的顺序。
    
    语法:
    
    arrayObject.reverse()
    注意:该方法会改变原来的数组,而不会创建新的
    数组。*/
     document.write("颠倒后的字符串"+myarr.slice(0)+"<br>");
     /*
     slice() 方法可从已有的数组中返回选定的元素。
    1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
    
    2. 该方法并不会修改数组,而是返回一个子数组。
    3.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。
    
    注意:
    语法
    
    arrayObject.slice(start,end)*/
    var mynum =[80,16,50,6,100,1];
       function sort(a,b) {
    return b-a;//b-a则为降序
       }
    document.write(mynum.sort(sort));
    /*

    sort()方法使数组中的元素按照一定的顺序排列。

    
    

    语法:

    
    
    arrayObject.sort(方法函数)
    */ </script> </head> <body> </body> </html>

     

  • 相关阅读:
    jQuery应用 代码片段
    正则表达式大全
    js表单编程
    补充回顾
    Socket网路编程
    异常处理
    day18-2 反射详解
    day18-1 面向对象进阶
    day18-1 多态
    day17-2 继承
  • 原文地址:https://www.cnblogs.com/yi-mi-yangguang/p/6088709.html
Copyright © 2020-2023  润新知