Javascript笔记

javascript代码编写方式：
方式一：
 在<script>标签中编写
 格式：
 <script>
  Js代码
 </script>
 
方式二：
 引入外部javascript文件
 格式：
 <script src="javascript文件路径"></script>

常用函数：
 alert("显示的内容")弹出框
 document.write();  向页面输出数据...

方法：
 字符串转数字：
  parseInt()
  parseFloat()
 判断一个字符串是不是数字：
 isNaN(字符串)  如果是数字，则返回folse，不是数字则返回true
 
变量声明：
 格式：
 var 变量名 = 数据;
 
 1.javascript中的变量是使用var关键字声明的，可以储存任意类型的数据
 2.变量的类型是根据储存的值决定的，可以随时更改储存的数据类型
 3.定义了多个重名变量，后面的将会把前面的覆盖
 4.声明变量时可以省略var，但是不建议省略
 
流程控制语句：
 if(条件){
  执行语句
 }注意：条件可以不为Boolean值，如果是number数据，其中非0数据代表true，0代表folse
          如果是String数据，非空为true，空为folse
         
 switch语句：
  switch(){
   case 值1：
    break;
   case 值2：
    break; 
      case 值3：
    break;
   .......
   default:
    break;
  
  }

循环语句：
 for（初始化语句；判断条件；循环后语句）{执行语句}

 while（条件）{执行语句}

 do{执行语句}while（条件）
 
 增强for  in语句  该语句遍历出来的临时变量储存的是数组的索引
  格式：for（var 变量名 in 遍历的目标）{}
 
with语句：使用with语句后可以省略传递的对象代码
 格式：
  with（对象）{此括号内的代码课直接省略对象，直接方法名调用即可}

javascript的数据类型
 typeof查看数据类型
  格式：typeof 变量名
 
 number 小数，整数
 String 字符串 注意:没有字符，字符串可以写在单引号或双引号中
 Boolean 布尔数据类型
 undefined  代表变量没有声明
 
函数定义格式：
 function 函数名（形参列表）{
  函数体；
 }
 注意：1.定义函数时形参不能用var声明；
           2.函数没有返回值类型，若需要返回值，直接return即可；
           3.javascript中没有函数的重载，同名函数，后面的会直接覆盖前面的函数
           4.javascript中任何一个函数内部都隐式了一个arguments(数组)的对象，给函数传递参数的时候
  是会先传递到arguments对象中，然后再有arguments对象将参数分配给形参
 
Date类对象：
 获取当前系统时间
  getFullYear()获取当前年份
  getmonth()获取当前月份
  getDate()获取当前天数
  getHours()获取当前小时
  getMinutes()获取当前分钟
  getSeconds()获取当前秒
  toLocaleString()获取当前系统时间
  windows.setInterval('要定时的代码'，'延时毫秒数')定时方法
  
Number类对象：
 常用方法：
  toString()把对象转换成指定进制的字符串
  toFixed()指定保留小数位，带有四舍五入功能
  
Math对象：
 常用方法:
  ceil()向上取整
  floor()向下取整
  random()取随机数（取值范围0~1，包含0不包含1）
  round()四舍五入
  使用格式：
   Math.方法（数值）
   
   
数组：
 方法：
  concat()合并两个数组  格式：arr1.concat(arr2)将两个数组合并为一个新数组
  
  join()使用指定分隔符将数组元素封装成一个字符串 格式：arr.join('*')
  
  pop()删除最后一个元素并返回
  
  push()添加元素并返回新数组长度
  
  reverse()反转数组元素
  
  shift()移除数组第一个元素并返回
  
  slice(start，end)返回数组的一段（索引包含首不包含尾）
  
  sort()排序
  
  splice()两参：删除指定位置的元素
    三参：删除指定位置的元素，并在指定位置插入新元素

自定义对象：
 方式1：
  function person(){}
  var p = new person();
  p.id = 199;
  p.name = '张三';
  p.say = function(){
   alert('输出内容')
  }
  
 方式2：使用带参的函数创建对象：
  function person(id,name){
   this.id = id ;
   this.name = name;
   this.say = function(){
    alert('弹出内容')
   }
  }
  
  var p = new person(199,'李四');
  
 方式3：使用Object函数创建对象
  var p = new Object();
  p.id = 211;
  p.name = '狗蛋‘；
  
 方式4：
  var p ={
   id:985;
   name:王五；
   say：function(){
    alert(弹出语句)
   }
  
  }
 
 
 
prototype原型：保留函数原有属性,多用于给原有函数追加功能
 用法：
  function Array(){}
  Array.prototype.新增方法名 = function(){}
  
  
  
window对象：使用window对象的任何属性，方法都可以省略window对象不写
 方法：
  open()打开新窗口
  resizeTo(宽，高)将调整为指定大小
  moveBy（）相对于原来的窗口位置移动指定的X和Y值
  moveTo()将窗口左上角移动到指定的X和Y值
  setInterval(方法，毫秒值)定时操作，此方法执行会返回一个任务id
  clearInterval(任务id)取消定时操作
  setTimeout(毫秒值)经过指定毫秒值后执行一次，仅执行一次

 

location地址栏对象：
 属性：
  href 设置及获取网页地址栏
  reload 刷新当前页面

找DOM找节点：
 document.getElementById("元素id")获取单个标签节点
 document.getElementsByTagName("标签名")获取所有指定标签节点
 document.getElementsByName("html元素的标签")根据标签的name属性找对应的标签，返回的是一个数组

 document.createElement("标签名")  创建新元素节点
 elt.setAttribute("属性名"，"属性值")设置属性
 elt.appendchild(e)  添加元素到elt中的最后位置

    Javascript事件：
 onabort 图像加载被中断
 onblur 元素失去焦点
 onchange 用户改变域的内容 
 onclick 鼠标点击某个对象 
 ondblclick 鼠标双击某个对象
 onerror 当加载文档或图像时发生某个错误
 onfocus 元素获得焦点
 onkeydown 某个键盘的键被按下
 onkeypress 某个键盘的键被按下或按住
 onkeyup 某个键盘的键被松开
 onload 某个页面或图像被完成加载
 onmousedown 某个鼠标按键被按下
 onmousemove 鼠标被移动
 onmouseout 鼠标从某元素移开
  onmouseover 鼠标被移到某元素之上
 onmouseup 某个鼠标按键被松开
 onreset 重置按钮被点击
 onresize 窗口或框架被调整尺寸
 onselect 文本被选定
 onsubmit 提交按钮被点击
 onunload 用户退出页面