• JS入门二


    1.字符串

     1.1 stringObject.length---->返回字符串的长度(**字符串的长度从0开始

     1.2 stringObject.match(字符串)   stringObject.match(正则表达式) --->匹配字符串,若存在就返回字符串,不存咋就返回null  

    1.3  stringObject.search(字符串)    stringObject.search(正则表达式)---->检索字符串,若果检索到了,则返回的是子字符串的起始位置,没有检索到返回-1。(**字符串检索从0开始) 

    1.4  stringObject. indexOf() ---->返回某个指定的字符串值在字符串中首次出现的位置,首先是要I检索这个子字符串是否存在于字符串中,存在就返回首次首先得位置,要是不存在就返回-1。

    1,5  stringobject.replace(原字符,替换字符)   stringObject.replace(正则表达式,替换字符)   //匹配正则表达式。---->字符串替换

    1.6 stringObject.charAt(n)   ---->n为字符串的下标,返回指定下标的字符串,**字符串的下标开始是0,第二位是1,以此类推。

    1.7 toLowerCase() 将大写字符串改为小写字符串       toUpperCase() 将小写字符串改为大写字符串

    1.8 字符串1.concat(字符串2,字符串3,…,字符串n); ---->连接字符串 

    还有一种连接字符串的方法就是用+,string1+string2+string3 

    1.9 比较字符串 

    字符串1.localeCompare(字符串2)  

    说明:

    比较完成后,返回值是一个数字。

    (1)如果字符串1小于字符串2,则返回小于0的数字;

    (2)如果字符串1大于字符串2,则返回数字1;

    (3)如果字符串1等于字符串2,则返回数字0;

    1.20  分割字符串

    字符串.split(分割符)   分割符可以是一个字符、多个字符或一个正则表达式。分割符并不作为返回数组元素的一部分。

    1.21 从字符串中提取字符串 

    字符串.substring(开始位置,结束位置)   ---->开始位置是一个非负的整数,表示从哪个位置开始截取。结束位置也是一个非负的整数,表示在哪里结束截取。

    2. 日期对象 

     3.数组对象

    3.1 数组是存储一组有“相同数据类型”的数据结构。(ps:其实数组是可以存储不同数据类型的数据的,且不会报错,为什么呢?且看下回分解)

    3.2 创建数据 有三种方法

        

    var myArray=new Array();//创建了长度为0的数组,这样的定义数组长度没有定义,可以在赋值时任意定义
    var myArray=new Array(n); //创建了长度为n的数组
    var myArray=new Array(1,2,3,4);//创建了长度为4的数组,且赋值了。即myArray[0]=1, myArray[1]=2, myArray[2]=3 ,myArray[3]=4 
    

    3.3 数组对象方法 

     

     4.数值对象

     

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            var pi=Math.PI;
            document.write(pi);
        </script>
    </head>
    <body>
    </body>
    </html>
    

      

    扩展阅读 用JS实现随机抽奖 https://www.cnblogs.com/backpacker/archive/2012/08/03/2622426.html

     5.window对象

     备注:window.open(URL,窗口名词,参数)---->窗口名词

    窗口名称:可选参数,被打开窗口的名称。
        1.该名称由字母、数字和下划线字符组成。
        2."_top"、"_blank"、"_self"具有特殊意义的名称。
           _blank:在新窗口显示目标网页
           _self:在当前窗口显示目标网页
           _top:框架网页中在上部窗口中显示目标网页
        3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
       4.name 不能包含有空格。

     

     History对象: 

    history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:window.history.[属性|方法]   window可以省略

     window,history.forward()=window.history.go(1)

    window.history.back()=window,history(-1) 

     Location对象:

    location用于获取或设置窗体的URL,并且可以用于解析URL。

    语法:location[属性|方法]   图解如下图所示:

    location对象属性:

    location对象方法

      eg:   document.write(location.href) 

    navigator对象: 

    Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 

    对象属性:

    例如:

    <script type="text/javascript">
       var browser=navigator.appName;
       var b_version=navigator.appVersion;
       document.write("Browser name"+browser);
       document.write("<br>");
       document.write("Browser version"+b_version);
    </script>
    

      userAgent对象:

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) ;几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

    语法:navigator.userAgent   

    例如:

    function validB(){ 
      var u_agent = navigator.userAgent; 
      var B_name="Failed to identify the browser"; 
      if(u_agent.indexOf("Firefox")>-1){ 
          B_name="Firefox"; 
      }else if(u_agent.indexOf("Chrome")>-1){ 
          B_name="Chrome"; 
      }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 
          B_name="IE(8-10)";  
      }
        document.write("B_name:"+B_name+"<br>");
        document.write("u_agent:"+u_agent+"<br>"); 
    }
    

      注:这里的index() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    语法:stringObject.indexOf(searchvalue,formindex)  如果检索到的字符串值没有出现,则该方法返回-1。

     screen对象 

    screen对象用于获取用户的屏幕信息。

    语法:window.screen.属性  

    screen.height屏幕的高度,返回一个数值,单位是像素,可以省略window,以此类推屏幕宽度。

    
    

     

    
    
    
    

    两个小例子:转载自 http://www.lvyestudy.com/les_js/js_10.6.aspx

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
        <script type="text/javascript">
            //定义全局变量,用于记录秒数
            var n = 5;
            window.onload = function () {
                //设置定时器,重复执行函数countDown()
                var t = setInterval("countDown()", 1000);
            }
            //定义函数
            function countDown() {
                //判断n是否大于0,因为倒计时不可能有负数
                if (n > 0){
                    n--;
                    document.getElementById("num").innerHTML = n;
                }
            }
        </script>
    </head>
    <body>
        <p>新年倒计时:<span id="num">5</span></p>
    </body>
    </html>
    

      

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            //定义全局变量,用于记录秒数
            var n = 0;
            window.onload = function () {
                //设置定时器,重复执行函数add()
                var t = setInterval("add()", 1000);
                //点击“暂停”按钮事件
                document.getElementById("btn_pause").onclick = function () {
                    clearInterval(t);
                }
                //点击“继续”按钮事件
                document.getElementById("btn_continue").onclick = function () {
                    if (confirm("你还要继续装逼?")){
                        t = setInterval("add()", 1000);
                    } 
                }
            }
            //定义计时函数
            function add() {
                n++;
                document.getElementById("num").innerHTML = n;
            }
        </script>
    </head>
    <body>
        <p>你已经装了<span id="num">0</span>秒的“逼”,赶紧暂停吧!</p>
        <input id="btn_pause" value="暂停" type="button"/>
        <input id="btn_continue" value="继续" type="button" />
    </body>
    </html>
    

    6.JavaScript对话框  

    在JavaScript中对话框总共有三种alert();confirm();prompt().完整的写法伪window.alert(),但是由于window是全局变量,所以window可以省去。

    这里出现了一个window.location.href这个与window.open()有什么区别?


      

  • 相关阅读:
    详测 Generics Collections TDictionary(2): ContainsKey、ContainsValue、AddOrSetValue、TryGetValue
    详测 Generics Collections TQueue (3): OnNotify、Extract
    详测 Generics Collections TDictionary(4): OnKeyNotify、OnValueNotify
    详测 Generics Collections TStack(1): Push、Pop、Peek 其他功能同 TQueue
    详测 Generics Collections TDictionary(1): Add、Items、Keys、Values、Remove
    测试字符串写入类: TStringWriter
    在IIS 6 中使用HTTP压缩(Compression)遇到的一个问题
    [好消息]博客园新服务器到货
    [公告]美化家园行动—博客园成立Skin设计小组
    [公告]星期天上午更换新服务器
  • 原文地址:https://www.cnblogs.com/potato-lee/p/8559172.html
Copyright © 2020-2023  润新知