达内烟台中心 > 达内新闻
javascript:5分钟了解javascript,就能上手
- 发布:烟台培训机构
- 来源:互联网
- 时间:2018-03-31 19:10
javascript
一。 js组成部分
ECMA:
文档对象类型: (DOM) document object module
浏览器对象类型:(BOM) broswer object module
二。 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中程序一旦报错,不再往下执行
更多烟台培训相关资讯,请扫描下方二维码
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
javascript:5分钟了解javascript,就能上手
- 发布:烟台培训机构
- 来源:互联网
- 时间:2018-03-31 19:10
javascript
一。 js组成部分
ECMA:
文档对象类型: (DOM) document object module
浏览器对象类型:(BOM) broswer object module
二。 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中程序一旦报错,不再往下执行
更多烟台培训相关资讯,请扫描下方二维码
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 厦门
- 哈尔滨
- 济南
- 福州
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 大连
- 长沙
- 昆明
- 温州
- 太原
- 南昌
- 无锡
- 石家庄
- 南宁
- 中山
- 兰州
- 佛山
- 珠海
- 宁波
- 贵阳
- 保定
- 呼和浩特
- 东莞
- 洛阳
- 潍坊
- 烟台
- 运城