一,js中得对象 。。例子中用到的都是内置对象
对象:是属性和方法组合,完成一定功能,,《你的小汽车》
属性:对我们的对象基本特征的描述《汽车的颜色》
方法:对我们对象功能的描述《能解决什么问题》《汽车刹车前进》
力系统
二、js中的string对象
、内置的
、属性: length
、方法: indexOf 查找子字符串<匹配字符串>
查找到了,返回 字符串 出现的位置
没找到 返回-1
charAt() 返回指定位置的字符串
substr() 字符串的截取,可以加两个参数,形如substr(2,2)
也可以是一个参数,则表示这个截取到字符结束
tolowerCase()把字符串转换为小写
三、js中math对象 数学的对象,常用的数学计算方法
、math.pi 3.1415
、方法 abs() sin csin
、random()产生0-1随机小数
产生随机的整数:Math.round()
产生m-n之间的整数:
Math.round(Math.random()*(n-m)+m)
四、js中的date对象
、js中没用常用的属性
、方法
setxxx表示:设置某个时间或者日期
getxxx表示:获取某个使劲或者日期
getDay():获得一周中的某一天(0-6)
getYear():获取年
getFullYear():完整的四位年
getMoth():获取的是月份(0-11)
getDate():获取月中得某一天(0-31)
---------------------------------------------------------------------------------
利用window对象,在实现一个图片的悬浮效果
、现有一个div,就是我们要控制的,她的起点(0,0)
、设定横向和纵向的速度
、控制广告div移动
。广告div是否达到边界
。如果到达边界后,我们设置速度反向移动
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{
position:absolute;
}
</style>
</head>
<body>
<div id="img">
<a href="http://www.baidu.com"><img src="bb.jpg" width="130" height="130"></a>
</div>
<script type="text/javascript">
//获取图片所在的div对象
var img=document.getElementById("img");
//设置div左上角坐标 起始点的坐标 0,0
var x=0,y=0;
//设置图片的行进的速度
var xSpeed=9,ySpeed=8;
//设置图片的最大浮动的高度和宽度
var w=document.documentElement.clientWidth-130;
var h=document.documentElement.clientHeight-150;
function floatimg(){
//比较图片是否到达边界
//如果到达边界以后,我控制图改变方向
if(x>w||x<0) xSpeed=-xSpeed;
if(y>h||y<0) ySpeed=-ySpeed;
//如果没有到达边界,设置图片的左上角的坐标,
x+=xSpeed;
y+=ySpeed;
//设置坐标值 起始坐标+速度
//控制div位置
img.style.left=x;
img.style.top=y;
setTimeout("floatimg()",40);
}
floatimg();
</script>
</body>
</html>
----------------------------------------------------------------------------------------
关于IE和火狐中处理event事件的兼容问题
核心语句:
对象.事件=function(e){//注意,e是隐藏的传递过来的参数
兼容FF 兼容IE
var evt=e||window.event;
}
event 事件对象
event.clientX 获得水平方向 X 轴坐标
event.clientY 获得水平方向 Y 轴坐标
------------------------------------------------------
实现 状态栏的文字跑马灯效果
思路:
1、定义要走动的文字字符串
2、每次取出第一个字符,并且连接到源字符的末尾
3、把新的字符串写入到标题栏和状态栏
4、定时执行
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字跑马灯效果</title>
<script language="javascript" type="text/javascript">
var str=" 欢迎进入河北软件职业技术学院 ";
function cMove(){
//第二句 每环取出一个字符,并且连接到源字符的末尾
str=str.substr(1)+str.charAt(0);
//将字符串写入到状态栏
window.status=str;
//显示到标题栏
document.title=str;
//重复执行
setTimeout("cMove()",300);
}
</script>
</head>
<body οnlοad="cMove()">
</body>
</html>
实现图片移动拖影:
img{
position:absolute;
filter:alpha(opacity=100);/* IE */
-moz-opacity:1;/* Moz + FF */
opacity: 1;/* 支持CSS3的浏览器(FF 1.5也支持)*/
}