JavaSe基础XX25——Javascript_3

来源：互联网发布：系统查询开舱门数据编辑：程序博客网时间：2024/06/05 15:49

*01-Javascript(全局和局部变量)

*02-Javascript(常见对象-Object)

*03-Javascript(常见对象-String-基本功能)

*04-Javascript(常见对象-String-自定义功能)

*05-Javascript(常见对象-String-原型属性prototype)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript" src="out.js"></script><script type="text/javascript" src="stringtool.js"></script><script type="text/javascript">/* * 演示string对象。 * 表现形式： * var str = new String("abc"); * var str = "abc"; */var str = "abcde";println("len="+str.length);println(str.bold());//加粗println(str.fontcolor("red"));//字体颜色。println(str.link("http://www.163.com"));//将字符串变成超链接。println(str.substr(1,3));//bcdprintln(str.substring(1,3));//bc/* * 发现js中的string对象方法有限，想要对字符串操作的其他功能。  * 比如：去除字符串两端的空格。这时只能自定义。 *///去除字符串两端的空格。function trim(str){//定义两个变量，一个记录开始的位置。一个记录结束的位置。//对开始的位置 的字符进行判断，如果是空格，就进行递增，直到不是空格为止。//对结束的位置 的字符进行判断，如果是空格，就进行递减，直到不是空格为止。//必须要保证开始<=结束，这样才可以进行截取。var start,end;start=0;end=str.length-1;while(start<=end && str.charAt(start)==' '){start++;}while(start<=end && str.charAt(end)==" "){end--;}return str.substring(start,end+1);}var s = "     ab c      ";//alert("-"+trim(s)+"-");//alert("abc".bold());//<b>this</b>/* * 既然trim方法是用来操作字符串的方法，可不可以像字符串已有的方法一样， * 将该方法也定义到字符串对象中呢？直接用字符串对象调用就欧了。  *//* * 这里就可以使用一个该字符串的原型属性来完成： * 原型：就是该对象的一个描述。该描述中如果添加了新功能。 * 那么该对象都会具备这些新功能。 * 而prototype就可以获取到这个原型对象。 * 通过prototype就可以对对象的功能进行扩展。  *  *  * 需求：想要给string对象添加一个可以去除字符串两端空格的新功能.  * 就可以使用原型属性来完成。 *///给string的原型中添加一个功能。 注意：给对象添加新功能直接使用  对象.新内容   即可。//String.prototype.len = 199;//给string的原型对象中添加一个属性 名为len。值为199.//添加行为。//println("abc".len);//alert("-"+"     ab cd     ".trim()+"-");</script></body></html>

*06-Javascript(原型练习)

*07-Javascript(常见对象-Array-基本功能)

concat：

push和concat的区别。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript" src="../demo/out.js"></script><script type="text/javascript">/* * 演示数组。 */var arr = ["nba","haha","cba","aaa","abc"];var arr2 = ["qq","xiaoqiang",70];println(arr);println(arr2);//在arr数组上连接一个元素"mm"，再连接一个arr2数组。var newArr = arr.concat("mm",arr2);//将mm作为新数组中的元素，将arr2数组中的元素也作为新数组中的元素。println(newArr);println(arr.join("-"));//println(myJoin(arr,"+"));//模拟一下的join的实现原理。function myJoin(arr,separator){var str = "";for(var x=0;x<arr.length ; x++){if(x!=arr.length-1)str += arr[x]+separator;elsestr += arr[x];}return str;}//移除数组中的元素，并返回该元素。popprintln("<hr/>");/*println(arr);println(arr.pop());//删除并返回最后一个元素。println(arr);//println(arr.reverse());println(arr.shift());//删除并返回第一个元素。println(arr);*/println(arr);//arr.sort();//var temp = arr.splice(1,3,8080,9527,"xixixi","wangcai");//删除元素并可以进行元素的替换。 //println(temp);//println(arr.unshift("uuuu"));println(arr);</script></body></html>

*08-Javascript(常见对象-Array-练习-堆栈和队列结构)

*09-Javascript(常见对象-Array-练习-自定义功能)

*10-Javascript(常见对象-Date-基本方法)

*11-Javascript(JS中特有语句-with)

------------小结0--------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript" src="out.js"></script><script type="text/javascript">/* * 演示js中的日期。 Date */var date = new Date();//println(date);//println(date.toLocaleString());//日期和时间//println(date.toLocaleDateString());//只有日期。/* * 为了简化对象调用内容的书写。 * 可以使用js中的特有语句with来完成。 * 格式： * with(对象) * { * 在该区域中可以直接使用指定的对象的内容。不需要写  对象. * } *///var year = date.getFullYear();//var month = date.getMonth()+1;//var day = date.getDate();//var week = getWeek(date.getDay());with(date){var year = getFullYear();var month = getMonth()+1;var day = getDate();var week = getWeek(getDay());println(year+"-----"+month+"---+--"+day+"-----"+week);}function getWeek(num){var weeks = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];return weeks[num];}// 日期对象和毫秒值之间的转换。var date2 = new Date();//获取毫秒值。 日期对象-->毫秒值。var time = date2.getTime();println("time:"+time);//1338191622156//将毫秒值转成日期对象。//1,new Date(time);//setTime();var date3 = new Date(time);//将日期对象和字符串之间进行转换。//日期对象转成字符串。toLocaleString  toLocaleDateString//将字符串转成日期对象。具备指定格式的日期字符串-->毫秒值--->日期对象。var str_date = "9/28/2017";var time2 = Date.parse(str_date);var date3 = new Date(time2);println(date3.toLocaleDateString());</script></body></html>

*12-Javascript(常见对象-Math-基本功能)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript" src="out.js"></script><script type="text/javascript">/* * 演示Math对象。该对象的中的方法都是静态的。不需要new，直接Math调用即可。 */var num1 = Math.ceil(12.34);//返回大于等于指定参数的最小整数。var num2 = Math.floor(12.34);//返回小于等于指定数据的最大整数。var num3 = Math.round(12.54);//四舍五入println("num1="+num1);println("num2="+num2);println("num3="+num3);var num4 = Math.pow(10,2);println("num4="+num4);println("<hr/>");for(var x=0; x<10; x++){//var num = Math.floor(Math.random()*10+1);var num = parseInt((Math.random()*10+1));println(num);}</script></body></html>

*13-Javascript(全局方法&Number对象)

js是基于对象！

变量函数都是对象！

*14-Javascript(JS中的特有语句-forin)

-----------小结-----------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript" src="out.js"></script><script type="text/javascript">//parseInt("123");/* * 演示global的全局方法。 *///println(parseInt("123")+1);//var val = parseInt("12abc");//val = 12;//println("value="+val);//通过isNaN来判断结果是否非法。/* * 将指定进制格式的字符串转成十进制。  */var num = parseInt("110",2);println("num="+num);var num1 = parseInt('0x3c',16);println("num1="+num1);//将十进制转成其他进制。使用数字对象完成。 var num3 = new Number(6);println("num3="+num3.toString(2));var num4 = 60;println("num4="+num4.toString(16));/* * js中的特有语句 for in *  * 格式： * for(变量  in 对象)//对对象进行变量的语句。  * { * } */var arr = [32,80,65];for(i in arr){println("i="+arr[i]);}println("<hr/>");for(x in numObj){println(x);}</script></body></html>

*15-Javascript(JS自定义对象)

*16-Javascript(JS自定义对象2)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript" src="out.js"></script><script type="text/javascript">/* * js自定义对象。 *  * 如果想要自定义对象，应该先对对象进行描述。 * js是基于对象，不是面向对象的。不具备描述事物的能力。 * 我们还想按照面向对象的思想编写js。 * 就要先描述，在js中，可以用函数来模拟面对对象的中的描述。 *  *  *//*//用js来描述人function Person(){//相当于构造器。//alert("person run");}//通过描述进行对象的建立。 new.var p  = new Person();//动态给p对象添加属性。直接使用p.属性名即可。p.name = "zhangsan";p.age = 29;//如果定义的p对象的属性赋值为一个函数，即是给p对象添加一个方法。p.show = function(){alert("show :"+this.name+":"+this.age);}//p.show();var obj = new Object();obj.name = "god father";obj.age = 2012;//alert(obj.name+":"+obj.age);*/function Person(name,age){//在给Person对象添加了两个属性。this.name = name;this.age = age;this.setName = function(name){this.name = name;}this.getName = function(){return this.name;}}var p = new Person("旺财",20);for(x in p){println(x+":"+p[x]);}p.setName("小强");//alert(p.name);//alert(p.getName());//直接使用{}定义属性和值的键值对方式。键值键通过:连接，键与键之间用逗号隔开。 var pp  = {//定义一些成员。"name":"小明","age":38,"getName":function(){return this.name;}}//对象调用成员有两种方式：对象.属性名    对象["属性名"]//alert(pp["age"]+":"+pp.name);//用js实现键值对映射关系的集合容器。 var oMap = {8:"小强",3:"旺财",7:"小明"}//var val1 = oMap[8];//alert("val1:"+val1);var val2 = get(7);//alert("val2:"+val2);function get(key){return oMap[key];}//name="lisi";//age = 30;var myobj = {myname:"lisisi",myage:30}//alert(myobj.myname+":"+myobj["myage"]);var myobj2 = {"myname2":"hahahah","myage2":48}//alert(myobj2.myname2+":"+myobj2["myage2"]);var myMap = {//names:["lsii1","lisi2","lisi4"],nums:[34,10,48]names:[{name1:"zhangsan"},{myname:"hahahah"}]}//alert(myMap.names[1]);//alert(myMap.names[0].name1);</script></body></html>

0 0