js基础之重温

  • 时间:2018-06-16 23:01 作者:it从业 来源:it从业 阅读:203
  • 扫一扫,手机访问
摘要:一、详情JavaScript是运行在浏览器端的脚步语言,JavaScript主要处理的是前台与使用户交互的问题,包括用交互与数据交互前台三大块1、HTML:页面结构2、CSS:页面体现:元素大小、颜色、位置、隐藏或者显示、部分动画效果3、JavaScript:页面行为:部分动画效果、页面与使用户的交

一、详情

JavaScript是运行在浏览器端的脚步语言,JavaScript主要处理的是前台与使用户交互的问题,包括用交互与数据交互

前台三大块

1、HTML:页面结构

2、CSS:页面体现:元素大小、颜色、位置、隐藏或者显示、部分动画效果

3、JavaScript:页面行为:部分动画效果、页面与使用户的交互、页面功可以

二、JavaScript嵌入页面的方式

1、行间事件(主要使用于事件)

2、页面script标签嵌入

3、外部引入

javascript语句与注释

1、一条javascript语句应该以“;”结尾

2、javascript注释

三、变量

JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。 定义变量需要使用关键字 'var'

var a = 123; var b = 'asd'; //同时定义多个变量能使用","隔开,公使用一个‘var’关键字 var c = 45,d='qwe',f='68';

变量类型

5种基本数据类型:

number、string、boolean、undefined、null

1种复合类型:

object

变量、函数、属性、函数参数命名规范

1、区分大小写

2、第一个字符必需是字母、下划线(_)或者者美元符号($)

3、其余字符能是字母、下划线、美元符或者数字

四、获取元素方法

能用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,而后将它赋值给一个变量,比方:

....

这是一个div元素

上面的语句,假如把javascript写在元素的上面,就会出错,由于页面上从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,处理方法有两种:

第一种方法:将javascript放到页面最下边

....

这是一个div元素
....

第二种方法:将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行,就不会出错了。

....

这是一个div元素

五、操作元素属性

获取的页面元素,即可以对页面元素的属性进行操作,属性的操作包括属性的读和写。

操作属性的方法

1、“.” 操作

2、“[ ]”操作

属性写法

1、html的属性和js里面属性写法一样

2、“class” 属性写成 “className”

3、“style” 属性里面的属性,有横杠的改成驼峰式,比方:“font-size”,改成”style.fontSize”

通过“.”操作属性:

......百度一下

通过“[ ]”操作属性:

......百度一下

innerHTML

innerHTML能读取或者者写入标签包裹的内容

......

这是一个div元素

六、函数

函数就是重复执行的代码片。

函数定义与执行

变量与函数预解析

JavaScript解析过程分为两个阶段,先是编译阶段,而后执行阶段,在编译阶段会将function定义的函数提前,并且将var定义的变量公告提前,将它赋值为undefined。

提取行间事件

在html行间调使用的事件能提取到javascript中调使用,从而做到结构与行为分离。

............

匿名函数

定义的函数能不给名称,这个叫做匿名函数,能将匿名函数直接赋值给元素绑定的事件来完成匿名函数的调使用。

函数传参

函数'return'关键字

函数中'return'关键字的作使用:

1、返回函数执行的结果

2、结束函数的运行

3、阻止默认行为

  • 全部评论(0)
上一篇:js基础之重温
下一篇:js基础之重温
最新发布的资讯信息
【网页前端|HTML】最全面的前端开发指南(2019-07-15 12:57)
【系统环境|数据库】零基础如何快速学好大数据?(2019-06-29 12:27)
【系统环境|Linux】零基础如何学好大数据?必备需要学习知识(2019-06-18 11:54)
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
【系统环境|服务器应用】新贵 Flutter(2) 自己设置 Widget(2019-06-11 06:34)
【系统环境|服务器应用】Android完整知识体系路线(菜鸟-资深-大牛必进之路)(2019-06-11 06:34)
【系统环境|服务器应用】Java程序员小伙经历三个月备战,终获阿里offer(2019-06-11 06:34)
【系统环境|服务器应用】每日一问:谈谈对 MeasureSpec 的了解(2019-06-11 06:34)
【系统环境|服务器应用】【科普】晶体管-1(2019-06-11 06:34)
手机二维码手机访问领取大礼包
返回顶部