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()有什么区别？

posted @ 2018-03-13 17:14 potato~e-e 阅读(181) 评论(0) 编辑收藏举报

刷新页面返回顶部

potato~~

JS入门二

公告