js基础之重温

  • 时间:2018-06-16 23:01 作者:it从业 来源:it从业 阅读:292
  • 扫一扫,手机访问
摘要:一、详情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基础之重温
最新发布的资讯信息
【系统环境|】Java开发人员的就业优势在哪里?看完你心动了吗?(2019-09-25 21:31)
【系统环境|】学HTML5开发前景怎么样?Web前端和Java谁的薪水高?(2019-09-20 16:22)
【系统环境|】web前端开发需要学习哪些技术(2019-09-17 18:00)
【系统环境|】学习web前端开发是正确的选择(2019-09-15 16:55)
【系统环境|】干货整理!零基础html5网站开发学习步骤方法(保存不后悔)(2019-09-10 16:27)
【系统环境|】「前端入门」前端基本概念(2019-09-07 21:36)
【系统环境|】小白入门学习web前端,这些干货不能少(2019-09-05 20:59)
【系统环境|】不是计算机专业,哪个专业更适合学习web前端(2019-09-03 20:31)
【系统环境|】入行web前端开发可以做什么工作(2019-09-02 20:51)
【系统环境|】什么是Web前端呢?为什么说web前端开发人员的薪资高、前景好呢?(2019-08-31 20:55)
手机二维码手机访问领取大礼包
返回顶部