韩顺平JS笔记完整版 - 图文(8)

2019-06-02 12:49

JS内部类

JS中本身提供了一些可以直接使用的类,这些类就是内部类。 主要有:

Object Array Border String Date Number Math RegExp Boolean

内部类的分类

从使用的方式看:分为静态类和动态类 静态类的使用:类名.属性/方法 比如:Math

动态类的使用:var 对象=new 动态类() 对象属性或方法 案例:

//Math(静态类)

window.alert(Math.abs(-12)); //显示当前的时间(动态类) var date=new Date();

window.alert(date.toLocaleString());

Math

看看几个常用的方法 alert(Math.ceil(4.5));//5 alert(Math.floor(4.5));//4 alert(Math.round(4.77));//5

alert(Math.random());//0到1之间的随机小数

Date类

var date=new Date();

window.alert(date.toLocaleString()); //window.alert(date.getYear()); String类

String是一个动态类,常用案例举例 var str=\alert(str.length);//11

var str2=\

var arr=str2.split(\如果(\就是一个一个的分 alert(arr);

var str3=\

alert(str3.substr(1,3));//bcd alert(str3.substring(1,3));//bc

var str4=\

alert(str4.charAt(3));//d

var str5=\alert(str5.indexOf(\

//返回某个指定的字符串值在字符串中首次出现的位置。1:从下标为1的开始找

Array类 是一个动态类 常用的方法

var myarr=new Array(); //动态的添加数据 myarr[0]=\myarr[1]=90;

alert(myarr.length+\myarr.pop();//出栈

alert(myarr.length+\myarr.push(\

alert(myarr.length+\

var myarr2=new Array(2); alert(myarr2.length);//2 myarr2[0]=\myarr2[1]=90; myarr2[2]=90;

alert(myarr2+\不报错,正常sp 90 90 3 //myarr2[81]=90;//不要跳过下标放值 myarr2[\

alert(myarr2[\

Boolean 是动态类

Number类 var a=890.678; a=a.toFixed(2);

alert(a);//890.68 四舍五入保留两位小数

var b=10;

//把10 的二进制显示出来

alert(b.toString(2));//1010 toString(8)8进制

JS事件驱动编程 JS中的事件主要分为4种: 1) 鼠标事件

click dblclick mousedown mouseout mouseover mouseup mousemove

2) 键盘事件

keydown keypress keyup

3) HTML事件

window的onload unload error abort 文本框的select change

4) 其他事件

页面中有些特殊对象运行过程中产生的事件 快速入门案例 案例1:

监听鼠标点击事件,并能够显示鼠标点击的位置x,y function test1(e){

window.alert(\}

点击浏览器之后,显示坐标

案例2:点击按钮,图片变成红色,黑色

1) 方法:JS访问内部css

//js如何访问css属性,来改变外观 function test3(e){

var pic=document.getElementById(\if(e.value==\红色\

pic.style.backgroundColor=\}

else if(e.value==\黑色\

pic.style.backgroundColor=\} }

2) 方法:JS访问外部css

event2.css文件:

.style{ border:1;

background-color:red; width:300px; height:300px; }

event2.html文件:

function test3(e){

//取连接的第一个css文件的内容用0

var ocssRules=document.styleSheets[0].rules; //从ocssRules取出你希望的样式

var style=ocssRules[0];//这里面的0表示event2.css文件中第一个规则 if(e.value==\黑色\

style.style.backgroundColor=\}

else if(e.value==\红色\

style.style.backgroundColor=\} }

一个事件可以被多个函数监听 function test(e){ window.alert(\}

function test1(e){

window.alert(\}

window有3个事件 onload:页面打开

onbeforeunload:关闭页面之前 onunload关闭页面

Dom编程 为什么要学习dom编程:

1)Dom编程 重要的作用是可以让用户对网页元素进行交互操作。 2)Dom编程 用来做一些网页游戏 3) Dom编程也是ajax的重要基础

从dom编程的角度就会把该html文档当成dom树

bom

bom(browser object model)浏览器对象模型

因为做浏览器的厂家很多W3C就定义一个做浏览器的规范 bom和dom关系密切


韩顺平JS笔记完整版 - 图文(8).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:2005级轻稀贵金属冶金学(B) - 图文

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: