js总结

一： js 基础
1） 输出 例：document.write('需要输出的内容');
2） 内部插入JS 格式：<script type="text/javascript">里面就写js</script>
3 ) 外部JS 格式：<script type="text/javascript" src="js/js.js(后缀名为.js)"></script>

***主意事项***
js里区分大小写 ， 符号一定要写对 ，格式一定要正确。

 

 

二：变量
1）变量就是存储器 格式：var ss(ss就是定义的一个变量名);
2） 变量赋值：var ss; ss="33"; ss="44";是可以重复赋值的。

 

三：函数
函数格式：function (在这里dd就是一个函数名，是拿来调用的，也可以给他赋值)dd(){这里面就是所写的函数代码}。
例： function dd(){
var s = "33";
document.write(s);
}dd();

 

四：判断语句
1）判断语句格式：if(这里写的是判断条件){
这是当条件成立时所所执行的代码 }else{
这里是当条件不成立是所执行的代码 }
判断语句 例： var s = prompt("请问您年龄是多少");
if(s>=18){
document.write("恭喜你成年了"); }else{
document.write("你还是个未成年人"); }
2）控制语句格式：switch(值){
case(条件):
满足以上条件时所输出的代码
break;
case(条件):
满足以上条件时所输出的代码
break;
default:
以上条件都不满足时所输出的代码
break;
}
当值是true是才能写具体的条件如w>0;否则case条件只能写具体的某个值。
例：var w = prompt("请输出您的成绩");
switch(true){
case(w<60):
document.write("您的成绩不及格");
break;
case(w>60 && w<80):
document.write("您的成绩及格");
break;
case(w>80 && w <100):
document.write("您的成绩优良");
break;
case( w==100):
document.write("满分");
break;
default:
document.write("你是来搞笑的");
break;
}

 

五：对象
js 中所有事物都是对象：字符串、数值、数组、函数....
1) 日期对象例：
这是一个显示出当时的时间的例子：
var s = new Date();
document.write(s.getFullYear()+"年");这是年。
document.write(s.getMonth()+1+"月");这是月
document.write(s.getDate()+"日");这是日。
document.write(s.getHours()+"时");这是小时
document.write(s.getMinutes()+"分钟");这是分钟
document.write(s.getSeconds()+"秒"); 这是秒

2）循环：
：格式
for(语句1，语句2，语句3){
输出你所循环的值
}
例子：
for(i=0;i<=9;i++){
document.write(i);
}
结果为0123456789
循环乘法表例子：
for(i=0;i<=9;i++){
document.write('<br/>');
for(y=0;y<=i;y++){
document.write(y+"*"+i+"="+y*i);
}
}

3)数组：

冒泡算法：function ss(){
var f = [2,1,9,50,33,222,12,32];
var d = f.length;

for(i=0;i<d-1;i++){
for(y=0;y<d-1-i;y++){
if(f[y]<f[y+1]){
var s = f[y];
f[y] = f[y+1];
f[y+1] = s;
}
}
}
for(s=0;s<d;s++){
document.write(f[s]);
document.write('<br>');
}
}ss()；

 

动画轮播效果：

第一步：写一个显示的容器 具体根据大小定义。
第二步：用列表装图片。
第三步：给图片浮动。
第四步：进行动作操作 （如点击上一张/下一张）
第五步：移动有装图片的ul
每次移动一张图片宽度大小的距离
没移动一次就需要加一次
到最后一张图片时需要返回第一张

 

 

选项卡：
第一步：点击的时候取消所有选项的样式 也就是设置所有选项的class用attr来设置
第二步：隐藏下面所有放内容的盒子
第三步：点击哪一个选项就给哪一个选项给一个class用$(this)
第四次：显示下面相应的盒子的内容用$(this).index()和eq来找相应的盒子div，显示出来。display:block;
$(this).index()找到点击的是第几个。