(9)Javasript入门二

来源：互联网发布：windows longhorn开机编辑：程序博客网时间：2024/06/06 16:58

强化型for循环

普通的for循环遍历数组的元素
for(var index = 0 ; index<arr.length ; index++){
document.write(arr[index]+",");
}

for-in语句：
for-in语句的格式：
for(var 变量名 in 遍历的目标){
}
for-in语句的作用：
1. 可以用于遍历数组的元素。注意：使用for-in语句遍历数组元素的时候遍历出来是数组的下标。

2. 可以用于遍历对象的所有属性数据。注意：使用for-in语句遍历对象的属性的时候，遍历出来的是对象的属性名。

for-in语句遍历数组元素
for(var index in arr){
document.write(arr[index]+",");
}

with语句

有了 With 语句，在存取对象属性和调用方法时就不用重复指定对象。
格式：
with(对象){

可以使用任何对象的方法
}

with(document){for(var i = 0 ; i<5; i++){for(var j  =0 ; j<=i ; j++){write("* ");}write("<br/>");}write("<hr/>");  //不用每次都写成document.write}

函数：

函数的定义格式：

function 函数名(形参列表){
函数体 ;
}

javascript的函数要注意的细节：
1. 在 javascript中函数定义形参时是不能使用var关键字声明变量的。
2. 在javascript中的函数是没有返回值类型的，如果函数需要返回数据给调用者，
   直接返回即可，如果不需要返回则不返回。
3. 在 javascript中是没有函数重载的概念的，
   后定义的同名函数会直接覆盖前面定义同名函数。
4. 在javascript中任何的函数内部都隐式的维护了一个arguments（数组）的对象，
   给函数传递数据的时候，是会先传递到arguments对象中，
然后再由arguments对象分配数据给形参的。

<!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"><head><script>function showDay(){//找到对应的标签对象。var inputObj = document.getElementById("month");//获取input标签数据var month = inputObj.value;if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){alert("本月是31天");}else if(month==4||month==6||month==9||month==11){alert("本月是30天");}else if(month==2){alert("本月是28天");}else{alert("没有该月份");}}</script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body>月份:<input id="month" type="text" /><input type="button" value="查询" onclick="showDay()" /></body></html>

字符串：

创建一个字符串的方式：
方式1：
new String("字符串的内容");

方式2：
var str = "字符串的内容";

字符串常用的方法：
anchor（）生产锚点
blink（）为元素添加blink标签
charAt() 返回指定索引位置处的字符。
charCodeAt() 回一个整数，代表指定位置上字符的 Unicode 编码。
fontcolor() 把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端
indexOf() 返回 String 对象内第一次出现子字符串的字符位置
italics() 把 HTML <I> 标记放置在 String 对象中的文本两端。
link() 把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。
replace() 返回根据正则表达式进行文字替换后的字符串的复制
split() 切割
Substr() 截取子串
toUpperCase() 转大写
toLowerCase 转小写

Number对象：

创建Number对象的方式：

方式1：
var 变量= new Number(数字)

方式2：
var 变量 = 数字;

常用的方法：
toString() 把数字转换成指定进制形式的字符串。
toFixed() 指定保留小数位,而且还带四舍五入的功能。

Math对象：

Math对象常用的方法：
ceil 向上取整
floor（）向下取整
random() 随机数方法 // 产生的伪随机数介于 0 和 1 之间（含 0，不含 1），
round 四舍五入

Array对象:

创建数组的方式1：
var 变量名 = new Array(); 创建一个长度为0的数组。

方式2：
var 变量名= new Array(长度) 创建一个指定长度的数组对象。

方式3：
var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组的对象。

方式4：
var 变量名 = ["元素1","元素2"...];

数组要注意的细节：
1. 在javascript中数组的长度是可以发生变化的。

自定义对象:

在javascript没有类的概念，只要有函数即可创建对象。

自定义对象的方式1：使用无参的函数创建对象。

例子：
function Person(){}
var p = new Person(); //创建了一个Person对象了
p.id = 110;
p.name = "狗娃";

方式2：使用带参的函数创建对象。

function Person(id,name){
this.id = id;
this.name = name;
this.say = function(){
alert(name+"呵呵");
}
}
var p = new Person(110,"狗剩");//创建对象

方式3：使用Object函数创建对象

var p = new Object();
p.id = 110;
p.name = "铁蛋";

方式4：使用字面量的方式创建.

var p = {
id:110,
name:"狗娃",
say:function(){
alert(this.name+"呵呵");
}
}

prototype原型属性:

1. prototype是函数(function)的一个必备属性(书面一点的说法是"保留属性")(只要是function,就一定有一个prototype属性)
2. prototype的值是一个对象
3. 可以任意修改函数的prototype属性的值。
4. 一个对象会自动拥有prototype的所有成员属性和方法。

<!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"><head><script type="text/javascript">/*需求：想把getMax与searchEle方法添加 到数组对象中。functoin Array(){this.prototype = new Object();this.getMax = function(){}}*/Array.prototype.getMax = function(){var max = this[0];for(var index = 1; index<this.length ; index++){if(this[index]>max){max = this[index];}}return max;}Array.prototype.searchEle = function(target){for(var i = 0 ; i<this.length ; i++){if(target==this[i]){return i;}}return -1;}//var arr = new Array(12,4,17,9);var arr = [12,4,17,9];var max = arr.getMax();var index = arr.searchEle(9);document.write("最大值："+ max+"<br/>");document.write("索引值："+ index+"<br/>");</script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body></body></html>

阅读全文

0 0