绝对值函数的使用abs().doc

基础篇第1章第1章 基 础 篇1.28 绝对值函数的使用abs()可运行的浏览器版本编写方式：Math.abs(-1);其中-1为要求绝对值的数值。范例：绝对值函数的使用!-document.write(0的绝对值为：,Math.abs(0),);document.write(1的绝对值为：,Math.abs(1),);document.write(-1的绝对值为：,Math.abs(-1),);/-运行结果：(如图1.28所示)图1.28可运行的浏览器版本1.29 四舍五入函数的使用round()编写方式：Math.round(3.14)其中3.14为要进行四舍五入的数。 范例：四舍五入函数的使用!-document.write(3.14四舍五入为：,Math.round(3.14),);document.write(1.5四舍五入为：,Math.round(2.5),);/-运行结果：(如图1.29所示)图1.29可运行的浏览器版本1.30 取整数函数的使用(ceil()与floor()编写方式：int = Math.floor(n);int = Math.ceil(n);其中n为要进行取整操作的数。范例：取整函数的使用0)int = Math.floor(n);当取整的数小于0时，使用ceil( )函数取整elseint = Math.ceil(n);document.write(n,的整数为:,int);/-运行结果：(如图1.30所示)图1.30可运行的浏览器版本1.31 平方根函数的使用(sqrt()编写方式：Math.sqrt(n)其中n为要进行求取平方根的数。 范例：平方根函数的使用运行结果：(如图1.31所示)图1.31可运行的浏览器版本1.32 取得两个数中的最大数(max()或最小数(min()编写方式：Math.max(a,b);Math.min(a,b);范例：取得两个数中的最大数!-a = 1;b = 2;document.write(a = ,a,b = ,b,);document.write(a,b中最大的一个数为：,Math.max(a,b);document.write();document.write(a,b中最小的一个数为：,Math.min(a,b);/-运行结果：(如图1.32所示)图1.32 可运行的浏览器版本1.33 随机函数(random()编写方式：Math.random();取得01之间的随机数。Math.floor(Math.random() * 10);取得09之间的整数随机数。范例：随机函数取得一个09之间的随机数!-for(i=1;i运行结果：(如图1.33所示)图1.33可运行的浏览器版本1.34 圆形面积计算编写方式：圆形面积的计算公式为：圆周率圆半径2在JavaScript中表示为：area = Math.PI * Math.pow(radius,2);范例：圆形面积计算将输入的半径值直接存储在radius变量中运行结果：(如图1.34所示)图1.34可运行的浏览器版本1.35 矩形面积计算编写方式：矩形面积的计算公式为：矩形宽矩形高在JavaScript中表示为：area = width * height;范例：矩形面积计算取得矩形的宽和高运行结果：(如图1.35所示)图1.351.36 三角形面积计算可运行的浏览器版本编写方式：三角形面积的计算公式为：一边长三角高2在JavaScript中表示为：area = baseWidth * height / 2;范例：三角形面积计算取得三角形的边长和高运行结果：(如图1.36所示)图1.36可运行的浏览器版本1.37 球体面积计算编写方式：球体面积的计算公式为：4圆周率圆半径2在JavaScript中表示为：area = 4 * Math.PI * Math.pow(radius, 2);范例：球体面积计算取得输入的球体半径运行结果：(如图1.37所示)图1.37可运行的浏览器版本1.38 声明一个自定义的函数函数名称编写方式：function sum(n)函数参数s = 0;for(i=1;i=n;i+)s+=i;函数返回值return s;范例：声明一个自定义的函数!-function sum(n)声明的sum()函数s = 0;for(i=1;i=n;i+)s+=i;函数的返回值return s;document.write(110相加的结果为:,sum(10),);document.write(1100相加的结果为:,sum(100);/-使用不同的参数调用sum()函数运行结果：(如图1.38所示)图1.38可运行的浏览器版本1.39 单击按钮时调用函数编写方式：其中fun()为自定义的函数。范例：函数声明在标记之间单击按钮时调用函数在onClick事件中调用函数运行结果：(如图1.39所示) 图1.39可运行的浏览器版本1.40 多个函数同时调用编写方式：范例：多个函数同时调用声明的两个函数运行结果：(如图1.40所示) 图1.40可运行的浏览器版本1.41 使用对象编写方式：NowDate = new Date();范例：使用对象运行结果：(如图1.41所示)图1.41可运行的浏览器版本1.42 声明一个对象声明一个名称为person的对象编写方式：function person(name,age) = name;this.age = age;其中this表示对象本身。Jim = new person(Jim,20); 范例：声明一个对象声明一个名称为person()的对象，该函数有两个属性name和age，分别表示姓名和年龄!-function person(name,age) = name;this.age = age;Jim = new person(Jim,20);document.write(Jim 的姓名是：,J,);document.write(Jim 的年龄是：,Jim.age,);两种不同创建对象的方法Tom = new person();T = Tom;Tom.age = 22;document.write(Tom 的姓名是：,T,);document.write(Tom 的年龄是：,Tom.age,);/-运行结果：(如图1.42所示)图1.42可运行的浏览器版本1.43 判断一个对象是否存在编写方式：if(window.Jim)document.write(Jim对象存在);elsedocument.write(Jim对象不存在); 范例：判断一个对象是否存在运行结果：(如图1.43所示)图1.431.44 使用with省略对象名称要省略的对象编写方式：直接使用该对象的方法with(document)write(省略了document对象!)范例：使用with省略对象名称运行结果：(如图1.44所示)图1.44可运行的浏览器版本1.45 用变量省略对象名称要省略的对象编写方式：直接使用变量代替对象objtxt = document.form1.txt;alert(你输入的内容为: + objtxt.value);范例：使用with省略对象名称调用自定义函数showtxt()运行结果：(如图1.45所示) 图1.45可运行的浏览器版本1.46 取得对象的编号编写方式：表示对象本身function showID(obj)取得并显示对象的idalert(obj.id);为对象设定的编号范例：取得对象的编号自定义函数showID()，用于取得对象的id按钮对象的id设定为bt运行结果：(如图1.46所示) 图1.46可运行的浏览器版本1.47 定义CSS样式表编写方式：定义样式表的标记为boby，也就是定义网页主体的样式范例：定义CSS样式表!-定义CSS样式表，放在标记之间body font-size: 20px;font-style: italic;- 网页主体中显示的文字，该文字被显示在CSS样式表中设置的格式定义CSS样式表运行结果：(如图1.47所示)图1.47可运行的浏览器版本1.48 取得类的名称编写方式：CSS样式表中定义的类、类名称以点(.)开头为按钮设置指定类名称的CSS样式取得类的名称bt.className 范例：取得类的名称取得类的名称并显示出来运行结果：(如图1.48所示) 图1.48可运行的浏览器版本1.49 在指定的时间调用函数指定时间，单位为毫秒，2000毫秒=2秒编写方式：setTimeout(showtxt(),2000);范例：在指定的时间调用一次函数运行结果：(如图1.49所示)图1.49可运行的浏览器版本1.50 在指定的时间反复调用函数指定的时间，单位为毫秒编写方式：setInterval(showtxt(),1000);调用的函数范例：在指定的时间反复调用函数运行结果：(如图1.50所示)图1.50可运行的浏览器版本1.51 加载一个外部的CSS样式表文件编写方式：外部的CSS样式表文件名称，CSS样式表文件扩展名为.CSS范例：加载一个外部的CSS样式表文件载入与网页同目录中的51.CSS样式文件加载一个外部的CSS样式表文件51.css样式文件：bodyfont-size:24px;font-family:宋体(P);color: #FF0000;运行结果：(如图1.51所示)图1.51可运行的浏览器版本1.52 指定一个js文件作为JavaScript来源外部的Javascript文件名称，其扩展名为.js编写方式：范例：指定一个js文件作为JavaScript来源52.js文件：外部js文件中不用再加标记alert(这是外部的js文件！);运行结果：(如图1.52所示)图1.521.53 指定外部Behavior文件作为JavaScript的来源可运行的浏览器版本编写方式： 范例：指定外部Behavior文件作为JavaScript的来源载入与网页同目录中的53.htc文件53.htc文件：使用attachEvent()添加一个事件，当单击时调用fun()函数外部的htc文件中需要加上标记。运行结果：(如图1.53所示)图1.531.54 将数字转换为字符串数字可运行的浏览器版本编写方式：将数字转换成字符串num = 3.14; str = + num; 范例：将数字转换为字符串 运行结果：(如图1.54所示)图1.54可运行的浏览器版本1.55 将字符串转换成数字编写