JavaScript(五)

JavaScript中的对象

对象的理解

JavaScript把对象定义为:无序属性的集合其属性可以包含基本值,对象或者函数。

JavaScript常用对象

String对象

length:返回字符串长度

charAt(num):返回参数num指定索引处的字符

charCodeAt(num):返回参数num指定索引处的字符的Unicode值

indexOf(string[,num]):返回参数string在字符串中首次出现的位置

lastlndexOf(string[,num]):返回参数string在字符串中最后出现的位置

substring(index1[,index2]):返回字符串中index1和index2之间的字符串

substr(index[,num]):返回字符串中index1之后的num个字符

toUpperCase():返回字符串大写形式

toLowerCase():返回字符串小写形式

split(reg,num):根据参数传入的正则表达式或者字符(串),将字符串分割成字符串数组

replace(reg,string):根据参数传入的正则表达式或者字符(串),将字符串替换为新字符串

search(string):返回参数string出现的位置

Math对象

LN10: 返回10的自然对数 

LN2 : 返回2的自然对数 

LOG10E : 返回以10为底的e的对数 

LOG2E : 返回以2为底的e的对数 

PI : 返回圆周率,约3.141592653.. 

SQRT1- 2:  返回0.5的平方根

SQRT2 : 返回2的平方根 

E : 返回自然常量E,约2.718

abs(x)    返回x的绝对值

cos(x)/acos(x)  :  返回x的余弦/反余弦值

sin(x)/asin(x) :   返回x的正弦/反正弦值

atan(x)  :  返回x的反正切值

ceil(x)/floor(x)  :  对数进行上/下舍入

exp(x) :   返回e的指数

log(x) :   返回数的自然对数(底为e)

max(x,y)/min(x,y)  :  返回x和y中的最大/小值

pow(x,y) :   返回x的y次幂

random()  :  返回0~1之间的随机数[0,1)

round(x)  :  把数四舍五入为最接近的整数

sqrt(x)  :  返回数的平方根

Date对象

Date() :  返回当日的日期和时间

getDate() : 从Date对象返回一个月中的某一天(1~31)

getDay()  : 从Date对象返回一周中的某一天(0~6)

getMonth()  : 从Date对象返回月份(0~11)

getFullYear()  : 从Date对象以四位数字返回年份

getHours()  :  返回Date对象的小时(0~23)

getMinutes()  : 返回Date对象的分钟(0~59)

getSeconds() : 返回Date对象的秒数(0~59)

getMilliseconds() :  返回Date对象的毫(0~999)

getTime() : 返回1970年1月1日至今的毫秒数

Array对象

concat()  : 将两个数组连接成新数组

join()  : 将数组中所有元素连接成字符串

pop() :  移除数组的最后一个元素

push()  : 在数组最后添加一个元素

unshift()  : 在数组开始添加一个元素

reverse()  : 反转数组元素,倒叙

shift() :  移除数组的第一个元素

silce() :  获取子数组

splice() : 插入、删除或替换数组中的元素

sort() : 对数组排序

创建对象

使用Object创建对象

例如:var obj = new Object() 创建了一个空的对象 添加属性:变量名.属性名=属性值

利用构造函数创建对象

Object只能一次创建一个对象,构造函数就是把我们对象里面一些相同的属性和方法抽取出来封装到函数里面

示例:
function Star(uname,age,sex){
this.name=uname
this.age=age
this.sex=sex
}
var liudehua=new Star('刘德华','18岁',‘男’)

构造函数不需要return就可以返回结果

 

 

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript轮播图代码主要是通过DOM操作和定时器实现的。下面是一种可能的实现方式: HTML代码: ``` <div class="slideshow"> <img src="image1.jpg" alt="image1" class="slide"> <img src="image2.jpg" alt="image2" class="slide"> <img src="image3.jpg" alt="image3" class="slide"> <img src="image4.jpg" alt="image4" class="slide"> <img src="image5.jpg" alt="image5" class="slide"> </div> ``` CSS代码: ```css .slideshow { width: 800px; height: 400px; position: relative; overflow: hidden; } .slide { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1s ease-in-out; } .slide.active { opacity: 1; } ``` JavaScript代码: ```javascript const slides = document.querySelectorAll('.slide'); let currentSlide = 0; function showSlide(n) { slides.forEach(slide => slide.classList.remove('active')); slides[n].classList.add('active'); } function nextSlide() { currentSlide = (currentSlide + 1) % slides.length; showSlide(currentSlide); } setInterval(nextSlide, 3000); ``` 以上代码中,我们首先通过`querySelectorAll`方法选取所有的幻灯片(即图片元素),然后使用一个变量`currentSlide`来追踪当前显示的幻灯片的索引。`showSlide()`函数用于将指定索引的幻灯片设置为激活状态,即改变其透明度为1,其他幻灯片则透明度为0。`nextSlide()`函数用于计算下一个要显示的幻灯片的索引,并调用`showSlide()`函数进行显示。最后,使用`setInterval()`方法每隔3秒调用一次`nextSlide()`函数,实现自动轮播效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值