黑马程序员技术交流社区

标题: 【石家庄校区】JavaScripe总结 [打印本页]

---

作者: 江南旧巷柳絮飞    时间: 2018-1-17 22:14
标题: 【石家庄校区】JavaScripe总结

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();            -- 删除元素

---

作者: Yin灬Yan    时间: 2018-1-18 12:08
我来占层楼啊  

---

作者: xiekai_sjz    时间: 2018-1-18 14:42
赞

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2