5分钟掌握JavaScript，轻松入门

javascript

一. js组成部分

ECMA:

文档对象类型: (DOM) document object module

浏览器对象类型:(BOM) broswer object module

5分钟了解javascript，简单明了

二. js能干嘛?

1.在HTML静态页面中写动态效果

2.对浏览器事件作出响应

3.在数据提交到后台之前进行数据验证

4.通过node.js擦作数据库

三. js特点

1.脚本语言

2.基于对象

3.动态性

4.跨平台

四. js输出

1.alert('输出的内容信息'); //浏览器弹框输出

2.document.write('输出'); //浏览器输出

3.console.log('输出'); //控制台输出

五.js的注释

跟PHP完全一样

1.单行注释: //

2.多行注释: /*这是注释内容*/

[总结]

1.在PHP中->表示访问属性或者方法 相当于"的"

2.在js中.也表示"的"

六.js变量

var 变量名 = 值;

[注意注意]

1.变量名必须严格区分大小写

[总结]

1.在PHP中每条语句结束之后都有分号.

2.在js中每条语句后面可以有也可以没有,但是我要求大家必须加上分号.

3.在html中程序是从上往下依次执行.如果想把js放到head里边执行,这是需要加上window.onload

window.onload = function ()

{

这里写操作内容

}

window: 指整个浏览器

onload: 指整个页面或者图片加载完成之后在执行的一个事件.

七. js中的函数

1.普通函数

function 函数名()

{

}

调用: 函数名();

2.匿名函数

function ()

{

}

调用: 需要给匿名函数赋一个变量, 变量名();

3.事件函数

window.onload = fucntion ()

{

}

八. PHP中流程控制

if

if-else

if-else-if

switch

for

while

do-while

foreach

js中的流程控制

if

if-else

if-elseif

在PHP中elseif中间可以有空格也可以没有

在js中elseif中间必须加上空格

for

while

do-while

switch

在PHP中case后边可以跟表达式

在js中case后边不能跟表达式, 但是进行赋值操作

for in

九. js的三要素

1.先获取

2.加事件

3.在执行

十. 获取元素

document.getElementById('ID的值');

document是整个文档对象流

它不能改变

document.getElementsByClassName('class得值');

document.getElementsByTagName('标签名');

document.getElementsByName('name的值');

document我们可以理解为父级,

他的父级是可以改变的.

十一. js中获取属性

marginLeft

marginRight

marginTop

marginBottom

paddingLeft

paddingRight

paddingTop

paddingBottom

fontSize

总结: 在css中中间使用-表示

在js中之间没有-,第二个单词首字母大写

十二.函数

1.在PHP中同一个文件里边不能定义两个相同的函数, 但是js中可以

2.在js中调用函数时,函数名相同时,以最后一个声明的函数为准.

3.匿名函数调用, 直接使用变量名();

十三. 单双引号的问题

1.双引号: 在PHP有解析的作用

在js中没有

2.在js单引号和双引号都表示普通字符

3.单不能能套单

4.双不能套双

5.单可以套双

6.双可以套单

十四. 报错问题

在js中程序一旦报错,不再往下执行