Javascript 笔记

Javascript

 

1. 1.       javascript 基本语法
2. 2.       DOM文档对象模型       document.
3. 3.       BOM浏览器对象模型 browser浏览器模型   window.

 

可以在浏览器也可以在服务器端

①<script type=”text/javascript” src="**.js"></script>

两种输出方式

alert('');    document.write("显示页面的内容");

<a href="javascript:alert('什么')">只能用单引号</a>

 

②对大小写敏感，用var 申明变量，

当+号后面跟着字符串，则11+2+"10ab"+14=1310bc14 而php中=37

浮点数不要用=号去判断。

Js对浮点数求余的时候结果为浮点数，但是php对浮点数求余的结果为整型。

-30%7 = -2    ；  30%(-7)=2 ；

 

③对于||或如果前一个为真，则后面表达式不执行，这个叫短路运算；对于&&与 如果前面一个为假，则后面表达式不执行。JS逻辑运算返回的不是布尔型，而是表达式判断出结果时的子表达式的值！ Var cc=4; var bb=0; dd=cc || bb；   alert(‘dd’) 为 4

 

④JS系统函数   eval() 执行一段js代码   Math.random()随机产生0-1之间的数

escape() 转成unicode码  unescape()解码 isNaN()判断非数字 isFinite()是否为有限

parseInt()将字符串从首个(必须是)数字开始转为整型，舍弃小数点   parseFloat()转为浮点型

substr()截取字符串    经常用到的方法 confirm() 确认方法  open()打开新窗体

setInterval(表达式,100毫秒)每100毫秒运行一次 clearInterval()

定时器setTimeout(表达式/function(){},100)  指定时间内只运行一次 clearTimeout()

date('Y-m-d H:i:s', strtotime('-1 days')) 前一天的当前时间

⑤JS对象

创建对象  var  obj={属性1:值,属性2:值,-} var obj={name:’xiaong’,age:22,class:’yi’,hs:函数 }

遍历对象  for(per in obj){ alert(obj[per]);}   此时不能用obj.per   

对象单元的删除  delete obj.属性;

DOM节点的查找

标记名(多个)var objs=document.getElementsByTagName("div");返回‘数组’

id(唯一)    var objs=document.getElementById("idname");返回的是节点本身，对象

name(多个)  var objs=document.getElementsByName("name");返回‘数组’

控制css  obj.style.width 子节点---obj.children[index]/childNodes 父元素---obj.parentNode

在元素中可以进一步用var pn=obj.getElementsByTagName(“p”)

DOM节点的创建增加删除

Var np=document.createElement(‘p’)创建元素节点/creatTextNode()创文本节点 

节点.appendChild(np)增加子元素------给某个元素插入子元素，到最后

克隆/复制   old.cloneNode(true/false) //代表克隆节点，并代表克隆/不克隆子节点 

删除子节点  父节点.removeChild(待删除的子节点)  必须站在父节点的高度

替换子节点  父节点.replaceChild(新节点，旧节点)  

或--直接插入innerHTML() html语句obj.innerHTML=html语句

innerText="<b>123"与innerHTML="<b>123"区别前者输出<b>123后者粗体的123

样式操作 aobj.style.fontSize="red"; 带-划线的去掉并后面字母大写  去杠- 大写

注：控制元素类选择器：obj.className="选择器" 加name ; margin-top  改-à  marginTop

 

⑥DOM事件    用时加on

鼠标：click 单击     dblclick 双击      contextmenu(在body)文本菜单

      mouseover放上 mouseout离开  mousedown按下 mouseup抬起 mousemove移动

键盘：keypress键盘事件     keyup抬起      keydown按下

文档：load页面加载时      unload关闭       beforeunload关闭之前

表单：focus焦点   blur失去焦点时    submit提交事件    change改变

其它：scroll滚动事件 selectd事件。。。

 

⑦BOM

 Window对象的子对象： window.navigator 浏览器相关信息   window.history 历史记录

  window.screen 屏幕  window.location 地址栏  window.document DOM模型