学习,学习学而实习之

JavaScript 教程一
div显示隐藏  display:block/none visibility:hidden/visibel  差别是什么?
document.getElementById 获取css  element:元素 by:用  通过ID获取元素
div.style.display="block";
布局:HTML+CSS
属性:要改变的CSS属性达到目的
事件:与用户交互的事件
编码:写码;
onclick 鼠标点击事件
onmouseover 鼠标移入事件
onmouseout 鼠标移出事件

JavaScript 教程二
1.函数的定义和调用
 var定义变量(给其他东西取别名);
 函数格式 function name(){代码}。
2.网页换肤实例
 处理link标签(被处理的标签需要id)。var s=document.getElementById('id')//获取元素的功能.
 任何标签都可加id,任何变盘前的任何属性都可修改。
3.if判断
 if(条件或判断语句){}else{};
 示例:function btn()
    {
     var ShowBox=document.getElementById('Box1');
     if(ShowBox.style.display=='none')
     {
      ShowBox.style.display='block';
     }
     else
     {
      ShowBox.style.display='none';
     }
    }
4.链接加js
 <a herf="">链接</a>
5.classname的使用及问题
 往id属性里面添加class属性?ShowBox。classname=‘classname’;
 class  关键字或是保留字!
 
Javascript 教程三
 1.函数传参
  function show(num//传参)
  {
   alert(num);
  }
  show(12);
  示例//变色
  function setcolor(color)
  {
   var oDiv=document.getElementById('dic1');
   
   oDiv.style.background='color';
  }
  onclick="setcolor(red)'";
 
 2.div改变样式,操作属性的方法
  
   oDiv。value与oDiv['value']的区别
   oDiv['value']的优势在于value可以用传参。
   用“.”的地方都可以用“[]”来做
  ①:直接查找id所对应的属性进行改变
  function show()
  {
   var oDiv=document.get ElementById('div1');
   
   oDiv.style.width="';
   oDiv.style.background="";
  }
  ②:利用传参改变id属性
  function setcolor(name,value)
  {
   var oDiv=document.get ElementById('div1');
   
   oDiv.style[name]='value'
  }
3.字符串与变量
4.style与className
 

你可能感兴趣的:(学习,学习学而实习之)