JavaScript
关注
分享
扫一扫
文章平均质量分 51
shiliye_csdn
这个作者很懒，什么都没留下…
展开
-
关于BOM
BOM概述windows对象的常见事件定时器JS执行机制location对象navigator对象history对象■ 关于BOMBOM(browser object model)，即浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowsBOM由一系列相关对象构成，并且每个对象都提供了很多方法和属性BOM缺乏标准，JS的标准化组织是ECMA，DOM是W3C，BOM最初是netscape的一部分□ BOM的构成BOM包含了DOM，比DOM更大BOM的原创 2021-06-12 13:04:54 · 162 阅读 · 0 评论 -
事件相关操作
■ 注册事件给元素添加事件，称为注册事件或者绑定事件注册事件有以下两种方式：传统方式方法监听注册方式(W3C推荐)□ 传统注册方式利用on开头的事件，如onclick<button onclick='alert()'></button>btn.onclick = function(){}特点： 注册事件的唯一性,即同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数<body> <button>传统原创 2021-06-01 17:22:22 · 221 阅读 · 0 评论 -
节点操作相关
■ 节点操作一般地，节点至少拥有以下三个基本属性nodeTypenodeNamenodeValue不同类型的节点，对应的nodeType值是不一样的元素节点：nodeType=1属性节点：nodeType=2文本节点： nodeType=3，文本节点包含文字，空格，换行等注：实际开发中，节点操作主要操作的是元素节点■ 节点层级利用DOM树可以把节点划分为不同的层级关系，常见是父子兄弟层级关系■ 父节点通过node.parentNode属性，可返回某节点的父节点注意是最近的原创 2021-05-31 18:15:32 · 226 阅读 · 0 评论 -
对象属性方法
关于对象万物皆对象，对象是一个具体的事物，看得见摸得着的实物JS中，对象是一组无序的相关属性和方法的集合所有的事物都是对象，例如字符串，数值，数组，函数等属性：事物的特征，在对象中用属性来表示，常用名词方法：事物的行为，在对象中用方法来表示，常用动词对象的作用保存一个值，可以使用变量保存多个值(一组值)，可以使用数组保存多个方面的信息，可以使用对象，比如一个人的各种信息JS对象的表达结构更清晰，更强大对象的创建利用字面量就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法原创 2021-05-30 08:22:02 · 777 阅读 · 0 评论 -
操作元素相关
■ 操作元素JS的DOM操作可以改变网页内容，结构和样式可以利用DOM操作元素来改变元素里的内容，属性等■ 改变元素内容通过以下两个属性，改变元素的内容element.innerText从起始位置到终止位置的内容，但去除html标签，同时空格和换行也会去掉不识别html标签，非标准<body> <div>点击按钮，显示当前年份</div> <p>打开页面，显示当前年份</p> <button>按钮</bu原创 2021-05-28 14:39:19 · 133 阅读 · 0 评论 -
关于事件相关
■ 事件JS使创建动态页面成为可能，事件就是可以被JS侦测到的行为简单理解，事件就是触发–响应机制事件由以下三部分组成：事件源： 事件被触发的对象，比如按钮事件类型： 如何触发，什么事件，比如鼠标点击事件处理程序： 通过函数赋值的方式完成例<body> <button id='btn'>点我</button> <script> var btn = document.getElementById('btn'); btn.oncl原创 2021-05-28 10:23:04 · 126 阅读 · 0 评论 -
获取页面元素
■ 获取元素DOM在实际开发中是操作元素的，可以通过以下几种方式获取元素：根据ID获取根据标签名获取通过HTML5新增方法获取特殊元素获取■ 根据ID获取通过getElementById() 方法可以获取带有id的元素对象因为文档是从上往下加载，所以标签要在script标签之上<body> <div id='Time'>20210526</div> <script> var timer = document.getElement原创 2021-05-27 17:59:59 · 193 阅读 · 0 评论 -
DOM相关
■ 关于DOM文档对象模型(Document Object Model),简称DOM是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容，结构和样式■ DOM树文档： 一个页面就是一个文档，DOM中使用document表示元素： 页面中所有的标签都是元素，DOM中是使用element表示节点： 网页中所有内容都是节点(标签，属性，文本，注释等)，DOM中使用node表示DOM把以上的内容都看作是对象原创 2021-05-27 17:43:34 · 89 阅读 · 0 评论 -
API和Web API
■ 关于APIApplication Programming InterfaceWeb API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节简单理解，API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能■ 关于Web API是浏览器提供的一套操作浏览器功能和页面元素的api(bom和dom)■ 总结API是程序员提供的一个接口，用于帮助实现某种功能，是程序员不必纠结内部如何实现Web API主要原创 2021-05-26 17:42:05 · 260 阅读 · 0 评论 -
对象
■ 关于对象万物皆对象，对象是一个具体的事物，看得见摸得着的实物JS中，对象是一组无序的相关属性和方法的集合所有的事物都是对象，例如字符串，数值，数组，函数等对象包含属性和方法属性： 事物的特征，在对象中用属性来表示，常用名词方法： 事物的行为，在对象中用方法来表示，常用动词□ 变量和属性相同点： 都是用来存储数据的不同点：变量： 单独声明并赋值，使用时直接写变量名，单独存在属性： 在对象里不需要声明，使用时必须要通过"对象.属性"的方式、var num = 10;var ob原创 2021-05-14 18:02:48 · 212 阅读 · 0 评论 -
预解析
■ 关于预解析JS代码是由浏览器的JS解析器执行的JS解析器是在运行javascript代码时分以下两步： ▶ 预解析： js引擎会把js里面所有的var 还有function提升到当前作用域的最前面 ▶ 代码执行： 按照代码书写的顺序从上往下执行■ 变量预解析变量预解析，也叫变量提升就是把所有的变量声明提升到当前的作用域最前面，只提升变量声明，不提升赋值操作例1//原代码console.log(num); //输出：undefinedvar num = 10;//相当于执行以原创 2021-05-14 16:06:28 · 102 阅读 · 0 评论 -
作用域
■ 关于作用域通常来说，一段程序代码中所用到的名字并不总是有效和可用的而限定这个名字的可用性的代码范围就是这个名字的作用域通俗讲，作用域就是代码名字(变量)在某个范围内起作用和效果，目的是为了提高程序的可靠性，更重要的是减少命名冲突■ 全局作用域和局部作用域全局作用域全局作用域，就是整个例：var num = 10; //全局有效function fun() { var num = 20; //局部有效}■ 变量的作用域根据作用域的不同，变量可以分为以下：全局变量在全局作原创 2021-05-14 12:33:18 · 109 阅读 · 0 评论 -
函数
■ 关于关于函数有些代码需要大量重复使用，将这些需要重复执行的代码封装在一起，就是函数函数：就是封装了一段可被重复调用执行的代码块，通过此代码可以实现大量代码的复用■ 函数的使用函数的声明和调用方式1//函数声明function 函数名(){ //函数体};//函数调用函数名(); //不要忘记() 方式2函数表达式(匿名函数)//函数声明var fun = function(arg){ //fun是变量名，不是函数名 //函数体};//函数调用fun('参数')原创 2021-05-14 11:31:20 · 141 阅读 · 0 评论 -
变量
■ 变量概述为什么需要变量一些数据需要保存，所以需要变量什么是变量变量就是一个装东西的盒子，通俗讲变量就是用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改变量在内存中的存储本质上讲，变量就是程序在内存中申请的一块用于存放数据的空间类似酒店的房间，一个房间可以看做一个变量■ 变量的使用变量在使用时分两步： 1) 声明 2) 赋值□ 声明var是JS的关键字，用于声明变量使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管age是程序员定义的变量名，我原创 2021-05-07 17:44:18 · 179 阅读 · 0 评论 -
输入输出语句
■ 输入输出语句为方便信息的输入输出，JS中提供了一些输入输出语句，常用语句如下：alert(msg)console.log(msg)prompt(info)■ alert(msg)浏览器弹出警示框，归属于浏览器■ console.log(msg)浏览器控制台打印输出信息，归属于浏览器主要用于开发调试■ prompt(info)浏览器弹出输入框，用户可以输入，归属于浏览器...原创 2021-05-07 12:52:10 · 142 阅读 · 0 评论 -
注释
■ 单行注释//单行注释■ 多行注释/*多行注释多行注释*/原创 2021-05-07 12:40:57 · 88 阅读 · 0 评论 -
JavaScript
浏览器执行JS过程JS的组成JS的三种书写位置原创 2021-05-07 12:29:25 · 117 阅读 · 0 评论 -
JS的三种书写位置
■ JS的三种书写位置： 行内 内嵌 外部■ 行内式□ 说明 直接写在元素的内部可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性)，比如onclick注意单双引号的使用，在HTML中推荐使用双引号，JS中推荐使用单引号特殊情况下使用，如测试可读性差，在HTML页面中编写大量JS代码，会导致可读性变差引号易错，引号多层嵌套匹配时，会非常容易弄混□ 示例 <input type="button" value="按钮" onclick="alert('弹出对话原创 2021-05-07 12:24:08 · 559 阅读 · 0 评论 -
JS的组成
■ JS组成JS包含以下三个部分：ECMAScript： JavaScript语法DOM： 页面文档对象模型BOM： 浏览器对象模型□ ECMAScriptECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMAScript语言的实现和扩展ECMAScript：规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准□ DOM文原创 2021-05-07 11:28:15 · 251 阅读 · 0 评论 -
浏览器执行JS过程
■ 浏览器分两部分组成渲染引擎： 用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink，老版本的webkitJS引擎： 也称为javascript解释器，用来读取网页中的javascript代码，对其处理后运行，比如chrome浏览器的V8注： 浏览器并不会执行javascript代码，而是通过内置的js引擎(解释器)来执行javascript代码javascript引擎执行代码时逐行解释每一句源码(转换为机器语言)，然后由计算机去执行，所以javascript语言归为脚本语言，会原创 2021-05-07 10:55:01 · 3289 阅读 · 0 评论