js第一篇

作者: 黑色的夜 | 来源:发表于2016-06-05 01:29 被阅读0次

【js的作用】

《欣赏js》

Js作用有如下几条:

1.制作网页中的功能;

​2.制作网页中的动画;

​3.制作网页中的交互;

​4.对前端数据进行验证;

​5.总结:控制web标准的前两者结构和样式***

【体验js】

简介:我们可以简而言之说js就是制作网页中的某些功能的。所以功能这个东西在js语言当中格外重要,那么js里面有大量的内置功能。这些功能有一个专业的称呼;

《函数》

定义:函数就是一个功能,功能就是函数。

《函数的基本结构》

Js里面有大量的功能这些功能都是通过函数的形式来使用的。

fn() 其中 fn表示函数名称,小括号表示执行符号,就是马上执行这个功能的意思。

《js的内置函数》

首先所有的js都需要写在一对script标签里面。它的作用和style相同;相当于建立一个js书写环境。

alert() 表示弹出警示框功能;

prompt(参数1,参数2) 整体表示弹出提示框功能;

参数1:弹出给用户看的文本值;

参数2:表示举例文本。   (注意:函数的参数是不能颠倒顺序的因为代表的意义不同)

【感受js的作用】***

《对象》

Js中有一个专业术语就叫做对象,

定义:对象就是一个功能组;由于js中内置了大量的功能这些功能有的编组了,有的没有编组。没有编组的功能可以直接使用,编组了的功能需要通过对象来使用。

简单的说对象就是一个功能组。

《文档对象》

document 文档对象在js中的关键词,它的内部有大量的专门用来处理html文档的功能函数;

《搜索功能》

document.getElementById(); 搜索功能,通过id搜索元素。

【JS如何控制CSS】

简介:首先js将它想要控制的标签搜索到以后就可以通过属性来控制任何标签。

所有控制css的样式都通过style属性。

《声明变量》

什么是变量?

定义:变量就是一个容器可以储存任何类型的数据。

《声明变量的基本结构》

Var conname=’v’;  其中var 表示创建变量的关键词; con表示变量名称(自定义的);

变量有一个特性:它存了什么这个变量就是什么。

【JS控制HTML】

简介:html实际就是指的标签内部的内容,这部分都可以人为是html的部分。控制html在js中是通过innerHTML属性来实现。

innerHTML 作用修改制定标签内部的数据;可以接受任何标签。

【js的书写步骤】***

简介:刚一开始学习js我们对先写什么后写什么没有概念所以说我们需要一个明确的步骤来指引我们书写js;

基本上所有的js案例书写流程都可以分为两大类,第一类是取数据,第二类是修改数据;

取数据相当于声明变量去保存;修改数据相当于控制html或css的过程。

【事件】

《什么是事件》

定义:事件就是当什么时候执行什么事。

Js这门语言又号称由事件推动的语言。也就是说这门语言中的很多东西都是围绕着事件展开的。 不同的事件实际上只是事件类型不同。

《事件的基本结构》

事件源+事件类型=执行的指令;

事件源:可以是任何的标签,不一定非得是btn。

事件类型:发生的条件。 (Js中所有的事件都以on开头)

执行的指令:当事件被触发了以后执行的所有命令;

function(){} 这种写法在js中就代表一个标准的指令定义;所有要执行的指令写在大括号内。

《事件的工作原理》

简介:事件就是当什么时候执行什么事,但是事件是如何知道这个时刻发生了?事件这个东西有一个作用就是捕获用户的操作行为。

不同的事件类型:

Onclick表示单击事件;

Ondblclick 双击事件;(注意:网页制作中极少用双击)

Onmouseover 鼠标移上事件;

Onmouseout 鼠标离开;

总结:现在我们已经学会了用js干哪些事情。 用js我们已经可以控制所有的css,可以控制所有的html,还可以给任何标签绑定事件。

《小知识点》

Css中padding是不认auto的,因为内边距不涉及到撑满的问题。

还有在给js中的属性复制的时候不要带css中的分号;

相关文章

  • 安卓编程技巧总结(6) APP安全分析

    allowbackup设置 数据安全 intent校验 网络加密 webview js交互 第一篇: 安卓编程技巧...

  • Vue.js起手式+Vue小作品实战

    本文是小羊根据Vue.js文档进行解读的第一篇文章,主要内容涵盖Vue.js的基础部分的知识的,文章顺序基本按照官...

  • 2.vue.js移动端tab的封装

    这是vue.js系列文章第二遍,第一篇讲述的是如何搭建vue.js的开发环境,计划按进度做成一款完整的app,当然...

  • cocoscreator面试题集锦

    公众号 亮亮同学TTcocoscreator 版本:2.4.x js/ts 遵循es6标准 第一篇 Javascr...

  • JS第一篇

    1. Javascript中,有一个函数,执行对象查找时,永远不会去查找原型,这个函数是? 问题解析:执行对象查找...

  • js第一篇

    【js的作用】 《欣赏js》 Js作用有如下几条: 1.制作网页中的功能; ​2.制作网页中的动画; ​3.制作网...

  • json介绍

    (第一篇简书)www.sojson.comjson在线校验工具 1.什么是JSON? js对象标记 javascr...

  • JS基础整理(1)—函数和闭包

    这段空闲时间,打算整理一些JS非常基础,但是又常常搞不清记不住的知识点。 第一篇,先整理一下JS的函数,特别是闭包...

  • Angular js 获取当前节点

    第一篇文章,即兴而起,最近由于工作需要接触到angular js,用惯了jquery,突然转到angular...

  • webpack4系列第二篇(处理css,js(es6等))

    接上篇webpack4系列第一篇,先来看下上篇的目录结构: webpack.config.js: 四、css模块的...

网友评论

    本文标题:js第一篇

    本文链接:https://www.haomeiwen.com/subject/bltrdttx.html