js的基本概念

javascript的概念

一种编程语言,由浏览器编译

js的基本使用

<script type="text/javascript">
</script>
<script type="text/javascript" src="js的地址">
</script>

js的语法

所有数据类型用var

js的foreach

    var a=[1,2,3];
    for(var i in a){  //i是数组下标
        alert(a[i]);
    }   

函数的定义

普通函数
function 函数名 () {
    
}
匿名函数
var 函数名=function (){
    
}
动态函数
可以使用函数名 使用不同的函数逻辑
var 函数名=new Function(参数，函数体);

函数的调用

-直接在script中调用函数的名字
-在事件中调用函数的名字(on....)

对象

  function 类名(){
      this.属性=属性值；
      this.方法名=function(){}
  }
  //创建对象
  var 对象名=new 类名();
  对象.方法;

prototype

   //prototype原形
   类名.prototype.属性=属性值;//向原来的类中添加一个属性并赋值
   类名.prototype.方法名=function(){}

全局函数

var salary=prompt("请输入工资","");
parseInt();
eval("js代码");

dom的概念

将html标签和标签的属性封装成js对象，通过调用js对象的属性和方法，可以方便的操作标签，如修改样式，对标签的增删改查等；

dom的对象

方法一：getElementById

//通过id获取对象，获取出来的是多个对象
var 对象名=document.getElementById('标签的id');

方法二

//通过name获取对象，获取出来的是多个对象
var 数组名=document.getElementByName('name属性值');

方法三

//通过标签名获取对象，获取出来的是多个对象
var divs=document.getElementsByTagName('div');

方法四

//通过选择器获取对象，获取出来的是多个对象
var divs=document.querySelectorAll(".dd");

常用的属性

-style 给标签添加样式
-className 给标签加载css样式
-innerHTML 给标签的内容进行赋值
-outHTML 将整个标签转化成字符串
-outText 获取标签内容

其他

定时器
-setInteval("函数名",2000);每格2S执行函数
-setTimeout("函数名",2000);2s之后执行一次

     //递归思想
    function time(){
      var d=document.getElementById('a');
      var time=new Date().getSeconds();
      d.innerHTML=time;
      if(time==0){
        return;
      }           
    setTimeout("time()",1000);
    }
    time();

节点和元素

var elements=d.children;
  elements[0].outerText;
  elements.nextElementSibling.outerText;
  var tr=document.createElement("td");

获取事件对象

<a id="a1" href="#" onclick="show(id)">选项1</a>

function show(id){
 var a=id;
 alert(a.nodeName);
}