zoukankan      html  css  js  c++  java

  • 第二十四天到二十六天学习笔记

    八号这天,主要先是学习了数组对象

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
  3 <head>
  4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5     <title>Array对象方法</title>
  6     <meta name="keywords" content="关键字列表" />
  7     <meta name="description" content="网页描述" />
  8     <link rel="stylesheet" type="text/css" href="" />
  9     <style type="text/css"></style>
 10     <script type="text/javascript">
 11         //concat()    链接两个或更多的数组,并返回结果.
 12         //该方法不会改变现有的数组,而仅仅会返回被链接数组的一个副本.
 13         //语法:arrayObject.concat(arrayX,arrayX,...,arrayX)
 14         //参数:arrayX必需.该值可以是具体对象,也可以是数组对象 可以是任意多个.
 15         //返回值:返回一个新的数组.该数组是通过把所有arrayX参数添加到arrayObject中生成的.如果要进行concat()操作的参数使数组,那么添加的是数组元素而不是数组.
 16 
 17         //在下例中将把concat()中的参数链接到数组a中.
 18         /*
 19         var a = [1,2,3];
 20         document.write(a.concat(4,5));
 21         */
 22 
 23         //两个数组的连接
 24         /*
 25         var arr_0 = new Array(1,2,3);
 26         var arr_1 = new Array(4,5,6);
 27         document.write(arr_0.concat(arr_1));
 28         */
 29 
 30         //三个数组的连接
 31         /*
 32         var arr_0 = new Array(1,2,3);
 33         var arr_1 = new Array(4,5,6);
 34         var arr_2 = new Array(7,8,9);
 35         document.write(arr_0.concat(arr_1,arr_2));
 36         */
 37 
 38         //===== ===== ===== ===== =====
 39 
 40         //join()方法:join()方法用于将数组中所有元素放入一个字符串.
 41         //元素时通过指定的分隔符进行分隔的
 42         //语法:arrayObject.join(separator)
 43         //参数:separator 描述:可选.指定要使用的分隔符.如果省略该参数,则使用逗号作为分隔符.
 44         //返回值: 返回一个字符串.该字符串是通过把arrayObject的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入separator字符串而生成的.
 45         
 46         //例子一:
 47         //创建数组并将其所有元素放入到一个字符串中;
 48         /*
 49         var array = new Array(1,2,3);
 50         document.write(array.join());
 51         */
 52 
 53         //例子二:
 54         //使用指定的分隔符来分隔数组中的元素
 55         /*
 56         var array = new Array(1,2,3);
 57         document.write(array.join("."));
 58         */
 59         
 60         //===== ===== ===== ===== =====
 61 
 62         //pop():pop()方法用于删除并返回数组的最后一个元素:
 63         //语法:arrayObject.opp()
 64         //返回值:arrayObject的最后一个元素;
 65         //说明:pop()方法将删除arrayObject的最后一个元素,把数组的长度减1,并且返回它删除的元素的值.如果数组已经为空,则pop()不改变数组,并且返回undefined;
 66 
 67         //例子:删除数组最后一个元素,这会改变数组的长度.
 68         /*
 69         var arr = new Array(1,2,3,4)
 70         document.write(arr+"</br>"+arr.length+"</br>"+arr.pop()+"</br>"+arr+"</br>"+arr.length);
 71         */
 72 
 73         //===== ===== ===== ===== =====
 74         
 75         //push():push()方法可向数组的末尾添加一个或多个元素,并且返回新的长度.
 76         //语法:arrObject.push(newelement1,newelement2,...,newelementX)
 77         /*
 78             参数:
 79             newelement1    必需.要添加到数组的第一个元素
 80             newelement2 可选.添加的第二个元素
 81             newelement3 可选.可添加的多个元素
 82         */
 83         //返回值:把指定的值添加到数组后的新长度.
 84         //说明:push()方法可把它的参数顺序添加到arrayObject的尾部,它直接修改arrayObject,而不是创建一个新的数组.push()方法和pup()方法使用数组提供的先进后出栈的功能;
 85         //该方法会改变数组的长度;
 86         //要想在数组的开头添加一个或多个元素使用的是unshift()方法;
 87         
 88         /*
 89         var array = new Array(1,2,3);
 90         document.write(array + "</br>")
 91         document.write(array.push(4)+"</br>");
 92         document.write(array);
 93         */
 94         
 95         //===== ===== ===== ===== =====
 96         /*
 97             其他更多的同样语法的Array对象方法
 98             reverse()    颠倒数组中元素的顺序
 99             shift()        删除并返回数组第一个元素
100             slice()        从某个已有的数组返回选定的元素.
101             sort()        对数组的元素进行排序;
102             splice()    删除元素,并向数组添加新元素.
103             toSource()    返回该对象的源代码;
104             toString()    返回该对象的字符串,并返回结果;
105             tolocaleString()    把数组转换为本地数组,并返回结果;
106             unshift()    向数组的开头添加一个或更多元素,并返回新的长度
107             valueOf()    返回数组对象的原始值;
108         */
109     </script>
110 </head>
111 <body>
112 
113 </body>
114 </html>

    ========================================

    接下来学习的是Data时间对象

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>Date对象</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10     <script type="text/javascript">
11         //Date对象用于处理日期和时间
12         //创建Date对象的语法:var myDate = new Date()
13         //注释:Date对象会自动把当前日期和时间保存为其初始值.
14         //Date对象方法众多
15         //只挑选其中一个经典的
16         //Date()方法返回当日的日期和时间
17         document.write(Date());
18     </script>
19 </head>
20 <body>
21 
22 </body>
23 </html>

    ======================================

    接下来学习了Math数学对象

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>Math对象</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10     <script type="text/javascript">
11         //Math对象用于执行数学任务
12         //使用Math的属性和方法的语法
13         //var pi_value = Math.PI;
14         //var sqrt_value = Math.sqrt(15);
15     </script>
16 </head>
17 <body>
18 
19 </body>
20 </html>

    =================================

    接下来学习了正则表达式

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>RegExp对象</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10     <script type="text/javascript">
11         //RegExp对象表示正则表达式,它是对字符串执行模式匹配的强大工具.
12         //直接量语法:/pattern/attributes
13         //创建RegExp对象的语法:
14         //new RegExp(pattern,attributes);
15         /*参数:
16             参数pattern是一个字符串,指定了正则表达式的模式其他的正则表达式.
17             参数attributes是一个可选的字符串,包含属性"g","i"和"m",分别用于指定全局匹配区分大小写的匹配和多行匹配.
18             ECMAScript标准化之前,不支持m属性如果pattern是正则表达式,而不是字符串,则必须省略该值
19         */
20         //返回值:一个新的RegExp对象,具有指定的模式和标志.如果参数pattern是正则表达式而不是字符串的话,那么RegExp()构造函数将用于指定的RegExp相同模式和标志创建一个新的RegExp对象.
21         //如果不用new运算符,而将RegExp()作为函数调用,那么它的行为与用new 运算符调用时一样,只是当pattern是正则表达式时,它只返回pattern,而不是创建一个新的RegExp对象;
22         //抛出:
23             //SyntaxError
24             //TypeError
25     </script>
26 </head>
27 <body>
28 
29 </body>
30 </html>

    ======================

    接下来学习了window对象

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>js_window</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10 </head>
11 <body>
12     <p id = "demo"></p>
13     <script type="text/javascript">
14     //window浏览器对象模型(BOM使Javascript有能力与浏览器"对话")
15     /*
16         浏览器对象模型(Browser Object Model)
17         所有浏览器都支持 window 对象。它表示浏览器窗口。
18 
19         所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
20 
21         全局变量是 window 对象的属性。
22 
23         全局函数是 window 对象的方法。
24 
25         甚至 HTML DOM 的 document 也是 window 对象的属性之一
26 
27 
28         关于window尺寸:
29         有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。
30 
31         对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
32 
33         window.innerHeight - 浏览器窗口的内部高度 
34         window.innerWidth - 浏览器窗口的内部宽度 
35         对于 Internet Explorer 8、7、6、5：
36 
37         document.documentElement.clientHeight 
38         document.documentElement.clientWidth 
39         或者
40 
41         document.body.clientHeight 
42         document.body.clientWidth
43 
44     */
45     //窗口高度
46     var _window_H = window.innerHeight || document.documentElement.clientHeight||document.body.clientHeight;
47     //窗口宽度
48     var _window_W = window.innerWidth || document.documentElement.clientHeight||document.body.clientHeight;
49 
50     x  = document.getElementById("demo");
51     x.innerHTML = "浏览器内部的高度"+_window_H+"宽度是"+_window_W;
52 
53     //该例显示浏览器窗口的高度和宽度：（不包括工具栏/滚动条）
54     /*
55         window.open() - 打开新窗口 
56         window.close() - 关闭当前窗口 
57         window.moveTo() - 移动当前窗口 
58         window.resizeTo() - 调整当前窗口的尺寸
59     */
60     </script>
61 </body>
62 </html>

    ================================

    先是显示了浏览器的内宽高和全宽高

    <!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" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Window Screen</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    
</head>
<body>
    <script type="text/javascript">
        //window.screen 对象在编写时可以不使用 window 这个前缀。
        /*
        属性:
            screen.availWidth - 可用的屏幕宽度    返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。
            screen.availHeight - 可用的屏幕高度 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。
        */
        document.write("可用宽度：" + screen.availWidth+"</br>");
        document.write("可用高度：" + screen.availHeight);
    </script>
</body>
</html>
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>JavaScript Window Location</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10 </head>
11 <body>
12     <script type="text/javascript">
13         //window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
14         /*
15             window.location 对象在编写时可不使用 window 这个前缀。
16 
17             一些例子：
18 
19             location.hostname 返回 web 主机的域名 
20             location.pathname 返回当前页面的路径和文件名 
21             location.port 返回 web 主机的端口 （80 或 443） 
22             location.protocol 返回所使用的 web 协议（http:// 或 https://）
23         */
24     </script>
25 </body>
26 </html>

    =======================

    接下来系统的学习了下数组对象

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>Array对象</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10     
11 </head>
12 <body>
13     <script type="text/javascript">
14         /*
15             如何创建Array对象
16             1.使用[]来创建
17             2.使用new关键字和Array()方法来创建
18 
19             Array对象的属性
20                 .length    返回数组的长度
21         */
22         /*
23             Array对象的方法
24                 ArrayObject.unshift(数组元素1,数组元素2...)    向数组的开头添加一个或者多个数组元素并将新的长度返回
25 
26                 ArrayObject.shift()    删除并返回数组的第一个元素
27 
28                 ArrayObject.push(数组元素1,数组元素2...)    向数组的末尾添加一个或者多个数组元素并将新的长度返回
29 
30                 ArrayObject.pop()    删除并返回数组的最后一个元素.
31         */
32     </script>
33 </body>
34 </html>

    ===========================

    接下来是九号的学习内容

    先是学习了全局变量与局部变量

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>全局变量</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10 
11 </head>
12 <body>
13         <script type="text/javascript">
14             /*变量的作用域
15                 全局变量    在函数之外定义,作用域是全局的
16                 局部变量    在函数之内定义,作用域只是在当前这个函数内.
17 
18                 作用域:这个变量起作用的区域.
19             */
20 
21             //全局变量
22             var user_name = "二三三三";
23             function _topo()
24             {
25                 //局部变量
26                 var age = 23;
27             }
28 
29             /*
30                 如何提升局部变量作用域:将局部变量的作用域提升至全局作用域!
31                 将函数里面定义的变量的var关键字去掉 那么当前这个局部变量它的作用域就变成了全局作用域
32             */
33         </script>
34 </body>
35 </html>

    =============================

    接下来是值传递的问题

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>值传递</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10 </head>
11 <body>
12     <script type="text/javascript">
13         //将一个变量的值赋给另外一个变量 那么如果修改其中一个变量的值 不会影响另外一个变量的值~ 这两个变量之间没有任何的联系~
14 
15         //值传递
16         var a = 10;
17         var b = a;
18         document.write("变量a的值:"+a);
19         document.write("<br/>");
20         document.write("变量b的值:"+b);
21         document.write("<hr/>");
22         b = 20;
23         document.write("变量a的值:"+a);
24         document.write("<br/>");
25         document.write("变量b的值:"+b);
26     </script>
27 </body>
28 </html>

    ======================

    接下来是引用传递

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>引用传递</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10 </head>
11 <body>
12     <script type="text/javascript">
13         //引用传递
14         /*
15             将一个变量的(引用)赋值给另外一个变量 那么如果修改其中一个变量的值 会影响到另一个变量的值 ! 两值之间是有联系的
16         */
17         var A_1 = ['123','qwe'];
18         var B_2 = A_1;
19         document.write("变量a的值:"+A_1);
20         document.write("<br/>");
21         document.write("变量b的值:"+B_2);
22         A_1[0] = 'wsx';
23         document.write("<hr/>");
24         document.write("变量a的值"+A_1);
25         document.write("<br/>");
26         document.write("变量b的值"+B_2);
27 
28         //变量在内存的存储分为两个部分 变量名存储在栈区 变量值是堆区;
29         //栈区:空间小速度快;
30         //堆区:空间大速度慢;
31         //在js中基本数据类型都是值值传递,复合类型都引用传递.
32     </script>
33 </body>
34 </html>

    ====================

    自定义对象

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>自定义对象</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10 </head>
11 <body>
12     <script type="text/javascript">
13     /*
14         //对象分为自定义对象和内置对象;
15         //使用new关键字和Object()方法创建自定义对象;
16 
17         var obj = new Object();
18         obj.username    = "_name";
19         obj.age            = 23;
20         obj.showInfo = function(){
21 
22         //关于this:this它代表当前对象 谁调用当前的方法那么this就指向谁(对象)
23         //this只能写在方法里;
24             var str = "<h2>"+this.username+"的个人信息</h2>";
25             str+="他的年龄"+this.age;
26             document.write(str);
27         }
28 
29         //输出某个属性
30         document.write(obj.username);
31         obj.showInfo();
32         
33     */
34 
35     //使用{}来创建自定义类
36     /*
37         格式
38         var 变量名 = {
39             属性名: 值
40             属性名: 值
41             方法名function(){}
42         }
43     */
44     //使用{}
45     var person = {
46         username = "比比";
47         age = 23;
48         showInfo.function(){
49             var str = "<h2>"+this.username+"</h2>";
50             document.write(str);
51         }
52         person.showInfo();
53         document.write(person.suername);
54     }
55     </script>
56 </body>
57 </html>

    =============================

    字符串对象

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
  3 <head>
  4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5     <title>String对象</title>
  6     <meta name="keywords" content="关键字列表" />
  7     <meta name="description" content="网页描述" />
  8     <link rel="stylesheet" type="text/css" href="" />
  9     <style type="text/css"></style>
 10 
 11 </head>
 12 <body>
 13         <script type="text/javascript">
 14             /*
 15                 如何定义:
 16                 1. var 变量名= "值";
 17                 2.使用new关键字和String()方法来创建
 18             */
 19             //var str = new String("wul");
 20             /*
 21                 对象的属性:
 22                 .length        得到字符串对象的长度
 23 
 24                 对象的方法:
 25                 .chaerAt(index)    返回一个指定下标的字符
 26                     index :指定的下标值;
 27             */
 28             //.indexOf(substr)
 29             /*
 30                 找到substr这个在StringObject这个对象中首次出现的位置  如果找的到就返回其下标 
 31                 反之如果没有就返回-1
 32                 如果查找的是多个字符  如果找的到就返回第一个字符的下标 
 33             */
 34             /*
 35             var str = "adfefef";
 36             if(str.indexOf('s') != -1)
 37             {
 38                 document.write("有");
 39             }
 40             else{
 41                 document.write("没有");
 42             }
 43             */
 44             //lastIndexOf(substr)
 45             /*
 46                 找到substr这个在StringObject这个对象中最后出现的位置  如果找的到就返回其下标 
 47                 反之如果没有就返回-1
 48                 如果查找的是多个字符  如果找的到就返回第一个字符的下标 
 49             */
 50             /*
 51             var str = "javascript";
 52             document.write(str.lastIndexOf("a"));
 53             document.write("<hr>");
 54             document.write(str.indexOf("a"));
 55             document.write("<hr>");
 56             var em = "beijing@qq.com";
 57 
 58             if(em.lastIndexOf("@") == -1){
 59                 document.write("不是一个邮箱地址");
 60             }
 61             else{
 62                 document.write("是一个邮箱地址");
 63             }
 64             */
 65 
 66             /*
 67                 .substring(startIndex[,endIndex])
 68                 截取字符串
 69                 从startIndex(开始下标)处开始截除 如果endIndex(结束下标)没有书写 表示一直截取字符串的末尾 如果有写则表示截取结束下标为止.
 70             */
 71             //注意:使用substring来截取字符串 如果使用第二个参数 记得在结束下标处要+1
 72             /*
 73             var str = "javascript";
 74 
 75             var start_index = str.indexOf("script");
 76 
 77             var res = str.substring(start_index);
 78             document.write(res + "<hr/>");
 79 
 80             var end_index = str.lastIndexOf("a");
 81 
 82             var java_str = str.substring(0,end_index+1);
 83             document.write(java_str);
 84             */
 85             /*
 86                 .substr(startIndex,[length])
 87                 参数说明:
 88                 startIndex:开始下标
 89                 length:可缺省 表示的是要截取的长度;
 90 
 91                 功能:截取字符串;
 92                 从startIndex(开始下标)开始截取 如果length(长度)没有书写 表示一直截取到字符串的末尾 如果有写则表示截取的长度
 93             */
 94             /*
 95              var str = "javascript";
 96              var script_last_index = str.lastIndexOf("script");
 97              document.write(str.substr(script_last_index));
 98              document.write("<hr>");
 99 
100              document.write(str.substring(script_last_index));
101              document.write("<hr>");
102 
103              var start_index = str.indexOf("scr");
104              var end_index = str.indexOf("r")+1;
105              document.write(str.substr(start_index,3)+"<hr>");
106              document.write(str.substr(start_index,end_index));
107              */
108              //.toLowerCase() 将大写字母转换为小写字母
109              //.toUpperCase() 将小写字母转换为大写字母
110              /*
111              var str = "javascript";
112              var str1 = "HTML";
113              document.write(str.toUpperCase());
114              document.write(str1.toLowerCase());
115              */
116              //.relace(reg,str)
117              /*
118                 reg要使用正则表达式 要替换的内容
119                 str要替换的内容
120              */
121              /*
122              var str = "hello世界,hello美女,HELLO帅哥";
123              var reg = /hello/gi;
124              //g 作用全局
125              //i 不区分大小写
126              document.write(str.replace(reg,"你好"));
127              */
128              //.localeCompare(target)    比较两个字符串
129              /*
130                 
131              */
132         </script>
133 </body>
134 </html>

    ==============================

    接下是十号的学习内容,先是对window对象做了案例

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>网页标题</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10         <script type="text/javascript">
11         function delTr(id){
12             if(window.confirm("确定删除"))
13             {
14                 alert(id+"删除");
15             }else{
16                 alert(id+"取消");
17             }
18         }
19     </script>
20 </head>
21 <body>
22     <table width = "600" align = 'center' border = 1px;>
23         <tr align='center'>
24             <td>序号</td>
25             <td>名称</td>
26             <td>价格</td>
27             <td>操作</td>
28         <tr>
29         <tr>
30             <td>100</td>
31             <td>名称</td>
32             <td>价格</td>
33             <td>操作</td>
34             <td><button onclick = delTr("100")>删除</button></td>
35         <tr>
36         <tr>
37             <td>101</td>
38             <td>名称</td>
39             <td>价格</td>
40             <td>操作</td>
41             <td><button onclick = delTr("101")>删除</button></td>
42         <tr>
43         <tr>
44             <td>102</td>
45             <td>名称</td>
46             <td>价格</td>
47             <td>操作</td>
48             <td><button onclick = delTr("102")>删除</button></td>
49         <tr>
50         
51     </table>
52 </body>
53 </html>

    =================================

    接下是窗口关闭的案例

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>网页标题</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css">
10     </style>
11     <script type="text/javascript">
12         function windowclose(){
13             if(window.confirm("关闭窗口"))
14             {
15                 window.close();
16             }
17         }
18     </script>
19 </head>
20 <body>
21     <div class = "_ESC"><button onclick = "windowclose()">关闭窗口</button></div>
22 </body>
23 </html>
  • 相关阅读:
    2019年3月6日 980. Unique Paths III
    2019年3月05日 961. N-Repeated Element in Size 2N Array
    2019年3月4日 701. Insert into a Binary Search Tree
    2019年3月1日 804. Unique Morse Code Words
    2019年2月28日 654. Maximum Binary Tree
    2019年2月26日 Unique Email Addresses、To Lower Case、Encode and Decode TinyURL
    Nexus Repository Manager 3 远程命令执行漏洞（CVE-2020-10199）复现
    常见的Web源码泄漏漏洞及其利用
    Nmap-脚本检测CVE漏洞
    Vulnhub-dpwwn-01靶机过关记录
  • 原文地址：https://www.cnblogs.com/YeYunRong/p/6158625.html
Copyright © 2011-2022 走看看