随笔 - 1162  文章 - 0  评论 - 16  阅读 - 59万 

随笔分类 -  Javascript

JavaScript 之 对话框
摘要:一、alert() 语法格式: 该对话框是弹出一个提示信息。 Chrome 浏览器的效果。 二、prompt() 语法格式: 该对话框是弹出一个可以让用户输入信息的对话框,可以通过一个变量接受用户输入的值。 Chrome 浏览器效果: 三、confirm() 语法格式: 该对话框是弹出一个供用户选择 阅读全文
posted @ 2019-09-01 10:57 格物致知_Tony 阅读(356) 评论(0) 推荐(0) 编辑
JavaScript 之 BOM
摘要:一、BOM 的概念 BOM(Browser Object Model)是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM 由多个对象组成,其中代表浏览器窗口的 Window 对象是 BOM 的顶层对象,其他对象都是该对象的子对象。 二、BOM 的顶级对 阅读全文
posted @ 2019-09-01 10:47 格物致知_Tony 阅读(157) 评论(0) 推荐(0) 编辑
JavaScript 之 事件(详解)
摘要:一、注册事件的三种方式 1、直接事件方式 语法格式: 注意:这种方式无法给同一对象的同一事件注册多个事件处理函数 2、addEventListener 方式(IE9 以后才支持) 语法格式: Demo : 3、attachEvent 方式(IE老版本特有的方法 IE6-10坚持) 语法格式: Dem 阅读全文
posted @ 2019-08-31 10:09 格物致知_Tony 阅读(310) 评论(0) 推荐(0) 编辑
JavaScript 之 创建元素
摘要:方式一: 使用 document.write() 语法格式: document.write('新设置的内容<p>标签也可以生成</p>'); 注意:在使用方式的时候,write() 输出内容,会把之前的整个页面覆盖掉 方式二: 使用 innerHTML 语法格式: var box = documen 阅读全文
posted @ 2019-08-30 09:25 格物致知_Tony 阅读(236) 评论(0) 推荐(0) 编辑
JavaScript 之 节点操作
摘要:一、文档树结构 DOM 可以将任何 HTML 或 XML 描绘成一个由多层节点构成的结构。 节点(Node)构成 HTML 文档最基本的的单元。 节点分为不同的类型,每种类型分别表示文档中不同的信息。每个节点都拥有各自的特点、数据和方法,另外也与其他节点存在某种关系。 节点之间的关系构成了层次,而所 阅读全文
posted @ 2019-08-30 09:13 格物致知_Tony 阅读(267) 评论(0) 推荐(0) 编辑
JavaScript 之 取消 a 标签的默认行为
摘要:方式一 语法格式: javascript: 是一个伪协议,其他的伪协议还有 mail: tel: file: 等等。 javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。 方式二 语法格 阅读全文
posted @ 2019-08-26 11:00 格物致知_Tony 阅读(5031) 评论(0) 推荐(0) 编辑
JavaScript 属性操作
摘要:一、非表单元素的属性 1、获取属性值 对于一些非表单的元素,可以直接通过属性来修改其值。这些值通常有 href、title、alt、id、src 等。 Demo: 2、获取文本值 获取开始标签和结束标签之间的内容有两种方法:innerHTML 和 innerText 获取区别: innerHTML: 阅读全文
posted @ 2019-08-25 11:29 格物致知_Tony 阅读(333) 评论(0) 推荐(0) 编辑
JavaScript 事件(基础)
摘要:一、事件 事件:触发-响应机制。 二、事件三要素 1、事件源:触发事件的元素 2、事件名称:发送了什么方式的事件 3、事件处理程序:事件触发后要执行的代码(函数形式) 三、事件的使用方式 1、获取元素 2、给元素注册事件 3、编写事件内容 Demo: 1 var box = document.get 阅读全文
posted @ 2019-08-25 08:58 格物致知_Tony 阅读(206) 评论(0) 推荐(0) 编辑
JavaScript 获取页面元素
摘要:一、根据 id 获取元素 语法格式: document.getElementById(elementId); 通过标签的 id 属性查找标签 dom 对象, elementId 是标签的 id 属性值 Demo: 1 var main = document.getElementById('main' 阅读全文
posted @ 2019-08-25 08:44 格物致知_Tony 阅读(1580) 评论(0) 推荐(0) 编辑
JavaScript API 与 DOM
摘要:一、API 1、API 的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供引用程序与开发人员基于某软件或硬件得以访问的一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 API 的特征:具有输入和输出(I/ 阅读全文
posted @ 2019-08-25 08:15 格物致知_Tony 阅读(225) 评论(0) 推荐(0) 编辑
JavaScript 总结[目录]------------------------------【目录】
摘要:ECMAScript 基础 一、JavaScript 基础 1.1 JavaScript 简介 1.2 JavaScript 书写位置 二、JavaScript 数据类型 2.1 JavaScript 变量与注释 2.2 JavaScript 基本数据类型 2.3 JavaScript 数据类型转换 阅读全文
posted @ 2019-08-18 08:13 格物致知_Tony 阅读(222) 评论(0) 推荐(0) 编辑
JavaScript 之 String 对象
摘要:String 对象 之前学习的是 基本数据类型 String 类型,现在讨论的是 String对象(包装类型)。 String的特点:字符串的不可变性。 分析上面两行代码,起初给 str 赋值为 'abc'。当重新给 str 赋值的时候,常量 ‘abc’ 不会被修改,依然在内存中。 重新给字符串赋值 阅读全文
posted @ 2019-08-17 10:41 格物致知_Tony 阅读(241) 评论(0) 推荐(0) 编辑
JavaScript 之 基本包装类型
摘要:基本包装类型 为了方便操作基本数据类型,JavaScript 还提供了三个特殊的引用类型:String/Number/Boolean。 下面先看一段代码: 我们要知道,s1 是一个基本类型,基本类型是没有办法的,只有对象才有属性和方法。那就有一个疑问,为什么可以调用 substring() 方法呢? 阅读全文
posted @ 2019-08-17 10:06 格物致知_Tony 阅读(285) 评论(0) 推荐(0) 编辑
JavaScript 之 Array 对象
摘要:Array 对象 之前已经了解了 Array(数组)的定义和基本操作。数组的基本操作。 下面来学习更多的方法。 检测一个对象是否是数组 注意:instanceof 用法 instanceof 不仅仅局限于数组,也可以用来检测其他的对象,用法相同。 输出数组 常用方法 1、栈操作(先进后出) 2、队列 阅读全文
posted @ 2019-08-17 08:48 格物致知_Tony 阅读(313) 评论(0) 推荐(0) 编辑
JavaScript 之 Date对象
摘要:Date对象 Date 是一个构造函数,首先要通过 new Date() 来创建实例对象,提供实例成员。 创建 Date 实例用来处理日期和时间。Date 对象基于 1970年1月1日(世界标准时间)起的毫秒数。 构造方法: 1、空构造函数 通过空参构造函数,获取当前时间,UTC 世界时间,距197 阅读全文
posted @ 2019-08-16 12:08 格物致知_Tony 阅读(169) 评论(0) 推荐(0) 编辑
JavaScript 之 Math对象
摘要:Math对象 Math 对象不是构造函数,它具有数学常数和函数的属性和方法,都是以静态成员的方式提供。 常用方法: 案例: 1、求 10-20 之间的随机数 2、随机生成颜色 RGB 3、模拟实现 max()/min() 阅读全文
posted @ 2019-08-16 11:19 格物致知_Tony 阅读(224) 评论(0) 推荐(0) 编辑
JavaScript 内置对象
摘要:内置对象 JavaScript 中的对象分为3种:内置对象、浏览器对象、自定义对象。 ECMAScript 中的对象:自定义对象、内置对象。 JavaScript 提供了多个内置对象:Math/Array/Number/Date/String/Boolean... 对象只是带有 属性 和 方法 的特 阅读全文
posted @ 2019-08-16 10:57 格物致知_Tony 阅读(188) 评论(0) 推荐(0) 编辑
JavaScript 对象
摘要:一、对象 1、引入对象 当一个函数参数特别多的话,这个时候我们就可以使用对象简化。 2、什么是对象 现实生活中:万物皆对象。对象是一个具体的事物,一个具体的事物就会有行为和特征。 Demo: 汽车是一类事物,门口停的那一辆车才是对象。 特征:蓝色、四个轮子,四个座位 行为:驾驶、刹车 二、JavaS 阅读全文
posted @ 2019-08-16 08:46 格物致知_Tony 阅读(211) 评论(0) 推荐(0) 编辑
JavaScript 预解析
摘要:一、预解析 1、概述 JavaScript 代码的执行是由浏览器中的 JavaScript 解析器来执行的。 JavaScript 解析器执行 JavaScript 代码的时候,分为两个过程:预解析过程和代码执行过程。 2、过程 把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值。 把 阅读全文
posted @ 2019-08-14 12:04 格物致知_Tony 阅读(351) 评论(0) 推荐(0) 编辑
JavaScript 作用域
摘要:一、作用域 作用域:变量可以起作用的范围。 所有变量(包括基本类型和引用类型)都存在于一个执行环境(也称为作用域)当中,这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量。 二、全局变量和局部变量 1、全局变量 在任何地方都可以访问到的变量就是全局变量,对应全局作用域。 声明: 2 阅读全文
posted @ 2019-08-11 17:43 格物致知_Tony 阅读(256) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示