本帖最后由 小石姐姐 于 2018-1-18 11:11 编辑
JavaScripe总结 脚本语言:运行在浏览器中编辑的 javaScripe 的组成 ECMAScripe、DOM、BOM组成 js的用途:是页面更加丰富,使网页动起来 js 的基本语法 区分大小写 弱变量类型的语言 是变量还没有具体的类型,根据后面的数据区分类型 var s="abc"; 字符串类型 var i = 4; 整数类型 分号可有可无 注释 // /**/ 变量的命名规则 数据类型 原始类型 undefined 定义的 number 数字类型 boolean 布尔类型 String 字符串 null 空 引用类型 对象类型 , 对象类型默认值是null js中有一个=== 全等于 类型和数据一样的情况下才为true JS的语句和java一样 js的开发步骤: 1、由一个事件触发、触发一个函数 2、获得操作对象的控制权 3、修改要操作的对象的 属性或值 定义一个函数 function 函数名称(){ 函数体 } 匿名 window.onload=function(){ } 常见的事件 onclick,ondbclick, js的引入方式 在页面内直接编写js代码,JS代码直接使用<script> 在 HTML的window对象 设置定时 setInterval() 每隔多少毫秒执行一次(周期性) settimeout()每隔多少秒执行一次,只执行一次 清除定时 clearinterval() cleartimeout() alert() 弹出对话框 setInterval() 每隔多少毫秒执行一次(周期性) settimeout()每隔多少秒执行一次,只执行一次 清除定时 clearinterval() cleartimeout() 定时里面传的是两个参数,一个是函数名,一个是毫秒值,直接使用function调用函数, comfirm()弹出一个确认的窗口 prompt()弹出一个可输入的对话框 open()打开新的窗口 表单校验 JS 的输出 document.getElementById().innerHTML JS的事件 onfocus 获得焦点 onblur 失去焦点 onsubmit 提交的时候 onchange 下拉列表改变事件 DOM :文档对象模型 将一个HTML的文档加载到内存中形成一个树状结构,从而操作树形结构就可以改变HTML的样子 DOM的使用: 知道document,element,attribute, Document的常见操作 Ø 获得元素: *document.getElementById(); -- 通过ID获得元素. *document.getElementsByName(); -- 通过name属性获得元素. *document.getElementsByTagName(); -- 通过标签名获得元素. Ø 创建元素: * document.createElement(); -- 创建元素 *document.createTextNode(); -- 创建文本 Ø 添加节点: *element.appendChild(); -- 在最后添加一个节点. *element.insertBefore(); -- 在某个元素之前插入. Ø 删除节点: *element.removeChild(); -- 删除元素
|