码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基础

时间:2015-09-19 10:54:07      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:

......................................基础................................

window.onload=abc;
function abc(){}

属性的读写操作: oTxt.value=‘‘; oImg.src=‘‘; oP.innerHTML=‘‘;
注意事项:oP.style.fontSize
     oP.className=‘‘;
     所有的相对路径(href)都不要拿来做判断
     颜色值也不要做判断,浏览器返回的格式不一样
     innerHTML不要做判断
     oInput.type ie6/7/8不兼容
     oDiv.style.cssFloat=‘left‘; 有兼容性问题可以用操作class的方式避免
     oDiv.style.width/oDiv.style[‘width‘]

作业:   模拟短信发送
    文字大小的加减
    点击图片本身再切换另一张图片 oImg.onclick 两张图片利用onOff开关
    多张图片间切换 可以利用数组,里面存放路径 先初始化


document.getElementById 静态方法
document.getElementsByTagName 动态方法 可以动态获取新添加的元素
document.title/document.body.innerHTML
for(var i=0;i<3;i++){} alert(i); 此时i的值为3

作业: 100个div组成的正方形
    循环二维数组 应用ul>li*3>a+ul>li*2
    oDiv.style.cssText=‘‘;的应用
    自动生成5条新闻 innerHTML+=‘<li></li>‘; 避免点击重复生成开关的应用或者清空再生成
    关于this 3个按钮点击时调用写在外面的函数
    伸缩舌头 div*3>div

JavaScript基础

标签:

原文地址:http://www.cnblogs.com/jiujiaoyangkang/p/4821023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!