第十一课
String对象介绍
1：属性
    在javascript中可以用单引号，或者双引号括起来的一个字符当作
    一个字符对象的实例，所以可以在某个字符串后再加上.去调用String
    对象的属性和方法。
    
    例如
    length返回string对象的长度，代表的是字符串当中字符的个数。
    "大家好".length;//字符串的长度是3，每个汉子代表一个字符
    
2：常用方法
    indexOf(substring[,startIndex])
        用于返回第一次出现子字符串的字符位置，如果没有找到指定
        的字符串，则返回-1;
        substring:必选参数，要在string对象中查找的子字符串
        startIndex:可选参数，从指定的位置开始查找
        案例如下

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>调用函数的方法1</title>
  5.      <script language="javascript">
  6.          var str="hello world";
  7.          var str_length=str.indexOf("o",3);
  8.          alert(str_length);
  9.      </script>
  10.  </head>
  11.  <body>
  12.  
  13.  </body>
  14.  </html>

　　substr(start[,length])
        用于返回指定字符串的一个字串。
        start:必选参数，用于指定获取子字符串的起始下标。如果一个
            是负数，那么表示从字符串的尾部开始算起始位置。-1代表最后一个字符
            -2代表倒数第二个字符，以此类推
        length:可选参数，用于指定字符串中字符的个数，如果省略
            ，则返回从start开始位置到字符串结尾的子串。
        案例如下

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>调用函数的方法1</title>
  5.      <script language="javascript">
  6.          var a="hello world";
  7.          var subs=a.substr(4,7);
  8.          alert(subs);
  9.      </script>
  10.  </head>
  11.  <body>
  12.  
  13.  </body>
  14.  </html>

    substring(from[,to])
        from：用于指定要获取子字符串的第一个字符在string中的位置
        to:可选参数，指定最后的位置
        [from,to)前闭后开，包含from,不包含to,所以如果要获取to的
            字符，需要to+1;
    　案例如下

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>调用函数的方法1</title>
  5.      <script language="javascript">
  6.          var a="hello world";
  7.          var subs=a.substring(6,11);
  8.          alert(subs);
  9.      </script>
  10.  </head>
  11.  <body>
  12.  
  13.  </body>
  14.  </html>

    split(delimiter[,limit])
        用于将字符串分割为字符串数组
        delimiter:指定的分隔符
        limit:可选参数，用于指定返回数组的最大长度。
        返回值：一个字符串数组
        案例如下

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>调用函数的方法1</title>
  5.      <script language="javascript">
  6.          var a="hello.world";
  7.          var arr=a.split(".");
  8.          for(var i=0;i<arr.length;i++){
  9.              alert(arr[i]);
  10.          }
  11.      </script>
  12.  </head>
  13.  <body>
  14.  
  15.  </body>
  16.  </html>

 第十二课
Math与Date对象介绍
1：Math对象
    在使用Math对象时不能使用new关键字创建实例，而是直接使用对象
    名.成员这种格式
    案例如下
        alert(Math.PI);
        alert(Math.random());
        alert(Math.max(3,45,48578));
        alert(Math.min(-45,456,787);
2:Date对象
 案例如下所示

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>调用函数的方法1</title>
  5.     <script language="javascript">
  6.         function sysTime(){
  7.             var now=new Date();//创建Date()对象
  8.             var year=now.getFullYear();//获取年份
  9.             var month=now.getMonth()+1;//获取月份
  10.             var date=now.getDate();//获取日
  11.             var day=now.getDay();//获取礼拜几
  12.             var hour=now.getHours();//获取小时
  13.             var minutes=now.getMinutes();//获取分钟
  14.             var sec=now.getSeconds();//获取秒数
  15.             var day_week=Array("礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六","礼拜日");
  16.             var week=day_week[day];
  17.             var time=year+"年"+month+"月"+date+"日"+week+hour+"时"+minutes+"分"+sec+"秒";
  18.             document.getElementById("clock").innerHTML="当前系统时间"+time;
  19.         }
  20.  
  21.     </script>
  22. </head>
  23. <body onload="sysTime()">
  24.  
  25.     <div id="clock"></div>
  26. </body>
  27. </html>

案例运行结果如下

自动更改系统时间案例如下

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>调用函数的方法1</title>
  5.      <script language="javascript">
  6.          function sysTime(){
  7.              var now=new Date();//创建Date()对象
  8.              var year=now.getFullYear();//获取年份
  9.              var month=now.getMonth()+1;//获取月份
  10.              var date=now.getDate();//获取日
  11.              var day=now.getDay();//获取礼拜几
  12.              var hour=now.getHours();//获取小时
  13.              var minutes=now.getMinutes();//获取分钟
  14.              var sec=now.getSeconds();//获取秒数
  15.              var day_week=Array("礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六","礼拜日");
  16.              var week=day_week[day];
  17.              var time=year+"年"+month+"月"+date+"日"+week+hour+"时"+minutes+"分"+sec+"秒";
  18.              document.getElementById("clock").innerHTML="当前系统时间"+time;
  19.          }
  20.  
  21.          window.onload=function(){//匿名函数
  22.              window.setInterval("sysTime()",1000);//循环调用系统时间
  23.  
  24.          }
  25.      </script>
  26.  </head>
  27.  <body>
  28.  
  29.      <div id="clock"></div>
  30.  </body>
  31.  </html>

案例运行如下

                        

第十三课
window对象介绍
1:window对象
    window对象即为浏览器窗口对象，是所有对象的顶级对象，window对象
    提供了许多属性和方法，这些属性和方法被用来操作浏览器页面的内容

window对象和Math对象一样，也不需要使用new关键字创建对象实例
而是直接使用对象名.成员的格式来访问其属性或者方法

2：window对象的常用属性
    document            对窗口或者框架中含有文档的document对象的只读引用
    defaultStatus      一个可读的字符，用于指定状态栏中默认消息
    frames                表示当前窗口中所有的frame对象的集合
    location              用于代表窗口或者框架的location对象，如果将一个URL赋给该属性，那么浏览器将加载并显示该URL指定的文档
    length                窗口或者框架包含的框架个数
    history               对窗口或者框架的history对象只读引用
    name                 用于存放窗口的名字
    status                一个可读写的字符，用于指定状态栏中的当前信息
    top                   表示最顶层的浏览器窗口
    parent              表示包含当前窗口的父窗口
    opener             表示打开当前窗口的父窗口
    closed              一个只读的布尔值，表示当前窗口是否关闭
    self                  表示当前窗口
    screen             对窗口或者框架的screen对象的只读引用，提供屏幕尺寸，颜色深度等信息
    navigator         对窗口或者框架的navigator对象只读引用，通过navigator对象可以获得与浏览器相关的信息    

简单案例如下（输出内容document.write()的四种格式）   

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识window对象</title>
  5.  
  6.          <script language="javascript">
  7.              document.write("hello");
  8.              var str="world";
  9.              document.write(str);
  10.  
  11.              var str2="biexiansheng";
  12.              document.write(str2+"是个帅哥");
  13.  
  14.              var str3="hello";
  15.              document.write(str3+"<br/>");
  16.          </script>
  17.  </head>
  18.  <body>
  19.  
  20.  </body>
  21.  </html>

警告（alert 消息对话框）

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识window对象</title>
  5.  
  6.          <script language="javascript">
  7.              alert("hello");
  8.              alert("world");
  9.          </script>
  10.  </head>
  11.  <body>
  12.  
  13.  </body>
  14.  </html>

确认（confirm 消息对话框）

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

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识window对象</title>
  5.  
  6.          <script language="javascript">
  7.              var message=confirm("你喜欢javascript吗？？？");
  8.              if(message==true){
  9.                  document.write("喜欢就好好学习");
  10.              }else{
  11.                  document.write("不喜欢更要好好学习咧");
  12.              }
  13.          </script>
  14.  </head>
  15.  <body>
  16.  
  17.  </body>
  18.  </html>

提问（prompt 消息对话框）

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

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识window对象</title>
  5.  
  6.          <script language="javascript">
  7.              var myname=prompt("你好，请输入姓名");
  8.              if(myname!=null){
  9.                  alert("你好"+myname);
  10.              }else{
  11.                  alert("你好 my friend.");
  12.              }
  13.          </script>
  14.  </head>
  15.  <body>
  16.  
  17.  </body>
  18.  </html>

3：window对象的常用方法
        alert()                                  弹出一个警告对话框
        confirm()                             显示一个确认对话框，单机确认按钮时返回true,否则返回false
        prompt()                             弹出一个提示对话框，并要求输入一个简单的字符串
        blur()                                   把键盘的焦点从顶层浏览器窗口中移走
        close()                                关闭窗口
        focus()                               把键盘的焦点赋予给顶层的浏览器窗口
        open()                               打开一个新窗口
        scrollTo(x,y)                      把窗口滚动到(x,y)坐标指定的位置
        scrollBy(offsetx,offsety)    按照指定的位移量滚动窗口
        setTimeout(time)               在经过指定的时间后执行代码
        clearTimeout()                  取消对指定代码的延迟执行
        moveTo(x,y)                      将窗口移动到一个绝对位置
        moveBy(offsetx,offsety)   将窗口移动到指定的位移量处
        resizeTo(x,y)                    设置窗口的大小
        print()                              相当于浏览器工具栏的打印按钮
        setInterval()                     周期执行指定的代码
        clearInterval()                  取消周期性的执行代码

 举例如下：

打开新窗口（window.open）

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

语法：

  1. window.open([URL], [窗口名称], [参数字符串])
    窗口名称_blank：在新窗口显示目标网页   _self：在当前窗口显示目标网页   _top：框架网页中在上部窗口中显示目标网页
    参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识window对象</title>
  5.  
  6.          <script language="javascript">
  7.              function check(){
  8.                  window.open("http://www.bjlemon.com/","_blank",width=600,height=500,top=20,left=60);
  9.              }
  10.          </script>
  11.  </head>
  12.  <body>
  13.  
  14.      <form>
  15.          <input type="button" value="点击" onclick="check()">
  16.      </form>
  17.  </body>
  18.  </html>

  1. 关闭窗口（window.close）

close()关闭窗口

  1.  
  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识window对象</title>
  5.  
  6.          <script language="javascript">
  7.              function check(){
  8.                  var no=window.open("http://www.bjlemon.com/","_blank",width=600,height=500,top=20,left=60);
  9.                  no.close();
  10.              }
  11.              /*var no=window.open("http://www.bjlemon.com");
  12.              no.close();*/
  13.          </script>
  14.  </head>
  15.  <body>
  16.  
  17.      <form>
  18.          <input type="button" value="点击" onclick="check()">
  19.      </form>
  20.  </body>
  21.  </html>
  1.  

 综合练习代码如下

  1.  <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.  <title>初识DOM</title>
  5.  
  6.          <script language="javascript">
  7.              function openWindow(){
  8.  
  9.                  var con=confirm("弹出确认对话框，请确认或者取消");//确认对话框，双引号
  10.                  if(con==true){
  11.                      var myurl="http://www.imooc.com";
  12.                      var pro=prompt("请输入网址",myurl);//如果是定义的url，那么不可以加引号
  13.                      window.open(myurl,'_blank');//如果是定义的url，那么不可以加引号
  14.                  }else{
  15.                      alert("请重新确认您的操作");
  16.                  }
  17.              }
  18.              openWindow();
  19.          </script>
  20.  </head>
  21.  <body>
  22.  
  23.  </body>
  24.  </html>

综合练习运行结果如下

         

                               

Javascript中String对象的的简单学习的更多相关文章

  1. JavaScript中String对象的match()、replace() 配合正则表达式使用

    正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时, ...

  2. JavaScript中String对象的方法介绍

    1.字符方法 1.1 charAt() 方法,返回字符串中指定位置的字符. var question = "Do you like JavaScript?"; alert(ques ...

  3. Javascript中DOM技术的的简单学习

    第十四课DOM技术概述1:DOM概述 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节 ...

  4. javascript中string对象方法中的slice、substring、substr的区别联系

    1.slice.substring.snustr均属于String的对象方法,用于截取或提取字符串片段,三者均布破坏原先的字符串,而是以新的字符串返回被提取的部分. <script> va ...

  5. javascript中String 对象slice 和substring 区别

      1.slice(start,stop)和substring(start,stop)  方法都是用于提取字符串中从start开始到stop-1间的字符(因为字符串索引是从0开始).其中 start必 ...

  6. JavaScript中String对象处理HTML标记中文本的方法

    big():创建一个<big></big>标记,将这个字符串的字体变大blink():创建一个<blink></blink>标记,使字符串具有闪烁效果b ...

  7. javascript中的对象，原型，原型链和面向对象

    一.javascript中的属性.方法 1.首先,关于javascript中的函数/“方法”,说明两点: 1)如果访问的对象属性是一个函数,有些开发者容易认为该函数属于这个对象,因此把“属性访问”叫做 ...

  8. Javascript中的对象和原型(一)（转载）

    面向对象的语言(如Java)中有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.但是,JavaScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同. 要了解面向对象,首 ...

  9. 在JavaScript中闭包的作用和简单的用法

    在JavaScript中闭包的作用和简单的用法 一.闭包的简介 作用域链:在js中只有函数有作用域的概念,由于函数内能访问函数外部的数据,而函数外部不能访问函数内部的数据,由上述形成一种作用域访问的链 ...

随机推荐

  1. JDBC学习

    JDBC全称 Java DataBase Connectivity(java数据库连接)可以为多种数据库提供统一的访问: 步骤:1:加载驱动程序: 加载Mysql驱动:Class.forName(&q ...

  2. sbt的assembly插件使用(打包所有依赖)

    1.sbt是什么 对于sbt 我也是小白, 为了搞spark看了一下scala,学习scala时指定的构建工具就是sbt(因为sbt也是用scala开发的嘛),起初在我眼里就是一个maven(虽然ma ...

  3. div mouseenter 事件在IE下无效

    解决方法是在div style上加个背景色: background: rgba(0, 0, 0, 0);filter:alpha(opacity=0); background: rgba(0, 0, ...

  4. HighChats报表使用C#mvc导出本地图片

    最近工作使用了HighCharts,要用到保存成图片功能,但是是内部使用,不允许连接外网,于是就学习了下highcharts生成本地图片. highcharts有一个exporting.js来负责导出 ...

  5. HDU2243_考研路茫茫――单词情结

    给出一些词根,问你有多少种长度为L的串包含至少一个词根. 去年就在敲这个题了,今年才敲出来,还是内牛满面之中... 要求包含至少一个的情况,需要求出所有的情况,减去一个都没有的情况就可以了. 对于给出 ...

  6. Linux内核实现中断和中断处理（一）

    Linux实现中断处理 内核是怎么知道应用程序要调用系统调用的呢?或者说应用程序怎么通知系统内核自己需要执行一个系统调用,这是通过软中断实现的,通过引发一个异常来促使系统切换到内核态去执行异常处理程序 ...

  7. null 与 string.IsNullOrEmpty 区别

    != null 就是不为null!string.IsNullOrEmpty  不是null且不是""(string.Empty) -----------Response: != n ...

  8. LeetCode OJ-- Sort List **@

    链表排序,要求使用 O(nlgn) 时间,常量空间. 使用归并的思路 /** * Definition for singly-linked list. * struct ListNode { * in ...

  9. C复数的四则运算

    #include<stdio.h> void judge(int True,int Fake) {     if (True == 0)     {         if (Fake == ...

  10. HTML之表单元素

    A.表单元素都是放在<form></form>标签内的.来看看表单的属性  属性 值 描述 accept MIME_type 规定通过文件上传来提交的文件的类型 accept- ...