javascript小结

linkin 发布于2019-08-22 16:27 / 1947人阅读

摘要：一简介是一种解释性的脚本语言代码不进行编译，主要用来向页面添加交互行为，主要由三部分组成核心，包含基本语法文档对象模型浏览器对象模型是一种弱类型语言，可用修饰所有的变量不加时是全局变量二常见事件页面或图片加载完成时点击提交按钮时注意是在添加

一.简介

javascript是一种解释性的脚本语言（代码不进行编译），主要用来向HTML页面添加交互行为，主要由三
部分组成:ECMAScript（JS核心，包含基本语法）,DOM（文档对象模型）,BOM（浏览器对象模型）
js是一种弱类型语言，可用var修饰所有的变量（不加var时是全局变量）

二.js常见事件

onload:页面或图片加载完成时        onsubmit：点击提交按钮时（注意是在form添加）
onclick：鼠标点击对象时            onerror：加载文档或图片错误时
onchange：框内容改变时             oncelect：文本被选择时

三.DOM中的常见方法

DOM常见的对象有Document，element，attribute等

1.Document对象

       （1）getElementById（）：返回指定id的第一个对象的引用
       （2）getelementByName（）：返回带有指定名称的对象集合
       （3）getElementByTagName（）：返回带有指定标签名的对象集合
       （4）createTextNode():创建文本节点
       （5）createElement（）：创建元素节点

2.element对象

       （1）element.firstChild():返回首个子元素
       （2）element.innerHTML（）：设置或返回元素的内容

3.attribute对象

    （1）attr.value   设置或返回属性的值

四.BOM中常见的方法

BOM中常见的对象有Window,History,Location等

1.window对象中的方法

    （1）alert() :弹出             （2）setInterval(): 指定周期调用函数   
    （3）clearInterval():取消定时器（4）setTimeOut()：指定事件后执行（只执行一次）
    （5）confirm():弹出确认对话框  （5）prompt（）：弹出一个输入对话框

2.history对象中的方法（history包含用户访问过的url）

        （1）back（）：加载history列表中的第一个url
        （2）forward（）:加载history列表的下一个url
        （3）go（）：加载history列表中的摸个具体页面

3.location对象中的方法（包含当前url信息）

     （1）href（）：设置或返回完整的url

五.js操作的一般步骤

确定事件并为其绑定一个函数，然后书写绑定的这个函数

六.js实现轮播图（粗糙版）

（1）在body上绑定onload事件 ``
（2）书写绑定函数

七.（demo）实现广告的定时弹出

目的：加载页面后三秒弹出广告，三秒后再消失

八.（demo）完成全选和全不选

GPU云服务器云服务器 javascript学习小结设计小结对象小结个人小结

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94372.html

高性能JavaScript（文档）

摘要：最近在全力整理高性能的文档，并重新学习一遍，放在这里方便大家查看并找到自己需要的知识点。最近在全力整理《高性能JavaScript》的文档，并重新学习一遍，放在这里方便大家查看并找到自己需要的知识点。前端开发文档高性能JavaScript 第1章：加载和执行脚本位置阻止脚本无阻塞的脚本延迟的脚本动态脚本元素 XMLHTTPRequest脚本注入推荐的无阻塞模式...

RayKr 2019-08-22 18:32 评论0 收藏0
高性能javascript小结

摘要：高性能小结文章转载于我的博客最近看完了动物丛书的高性能，觉得那本书的小结部分写得非常不错，简洁轻快易懂概括性很强。由于局部变量存在于作用域链的起始位置，因此访问局部变量比访问跨作用域变量更快。高性能javascript小结文章转载于我的CSDN博客：http://blog.csdn.net/hello_world_20/article/details/46793317 最近看完了动...

wujl596 2019-08-21 10:44 评论0 收藏0
JavaScript 中遍历方法小结

摘要：遍历方法小结常用的遍历方法遍历对数组的每个元素执行一次提供的函数创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果遍历大家都熟悉，所以重点讲一下与的区别相同点回调函数参数相同，都自带三个属性均不会修改原数组第二参数的遍历方法小结常用的遍历方法 for 遍历 forEach（对数组的每个元素执行一次提供的函数） map（创建一个新数组，其结果是该数组中的每个...

flyer_dev 2019-08-23 16:06 评论0 收藏0
javascript函数式编程入门小结

摘要：前言最近花了不少时间接触学习的函数式的编程方式，而后为了加深理解，又去折腾。不过幸运的是，天生具备了函数式编程的基本元素，所以学习的起点不会太低。初接触第一个实例，函数式编程是如何做一个番茄炒鸡蛋的。前言最近花了不少时间接触学习javascript的函数式的编程方式，而后为了加深理解，又去折腾haskell。不同于人们比较熟悉的命令式编程，如面向对象编程（oop），函数式编程（f...

includecmath 2019-08-21 10:40 评论0 收藏0
JavaScript DOM小结

摘要：文档对象模型是针对和文档的一个应用程序编程接口。描绘了一个层次化的节点树，允许开发人员添加移除和修改页面的某一部分。熟悉对一个前端开发人员尤其重要，因此我根据红宝书也就是高级程序设计制作成一个思维导图。可能会有一些漏点或者缺点，请您指出。 DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的...

BingqiChen 2019-08-20 14:31 评论0 收藏0