第二十四天到二十六天学习笔记
八号这天,主要先是学习了数组对象
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>
知行合一
