javascript
关注
分享
扫一扫
忙碌的上帝シ
这个作者很懒，什么都没留下…
展开
-
19.onload事件
window.onload 只的是当整个dom树渲染完毕，包括图片都加载完毕，那么对应的方法才执行。且只执行一次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> /** * window.onload 只的是当整个dom树渲染完.原创 2020-05-19 20:48:18 · 184 阅读 · 0 评论 -
18.JS数组中的indexof方法和splice方法
js数组的indexof方法返回查找数据的下标，没有找到返回-1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var ar = [3, 4, 5, 6]; console.log(ar.ind.原创 2020-05-19 20:47:15 · 358 阅读 · 0 评论 -
17.setTimeout和setInverval方法
setTimeout() 主要有两个参数，第一个参数是方法，第二个参数是number(毫秒数)意思是过多少毫秒第一个参数传入方法开始执行。其中clearTimeout方法是用于清空setTimeout中的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bo.原创 2020-05-19 20:45:33 · 964 阅读 · 0 评论 -
16.取消a标签或者from表单默认提交事件
当a标签只想作为一个按钮来使用时，需要把a标签的默认提交事件取消<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!-- 在某些时候，我们需要使用a标签作为按钮来使用，但是我们有不想让其 href生效， .原创 2020-05-19 20:44:01 · 855 阅读 · 0 评论 -
15.JS对象中动态追加参数
js允许给对象(普通对象或节点对象)添加参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="box"></div></body><script> var o.原创 2020-05-19 20:41:43 · 2783 阅读 · 0 评论 -
14.JS可以通过方法类定义类似于java的类
js中可以通过方法来表示java中的实体类（方法名首字母大写）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> public class Person { private int age; private .原创 2020-05-19 20:40:10 · 291 阅读 · 0 评论 -
13.JS中数组的遍历方法
js可以使用两种方式对数组进行遍历方式一： 通过for循环<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> var arr = [34, 12, 89, 90, 100];原创 2020-05-19 20:37:51 · 259 阅读 · 0 评论 -
12.阻止事件冒泡
事件冒泡:主要发生在标签嵌套点击事件中，当点击内层标签时，会触发外层点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box1 { background-color: #eeeeee; he.原创 2020-05-19 20:36:03 · 108 阅读 · 0 评论 -
11.事件冒泡与事件捕获
十一、事件冒泡与事件捕获事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。考虑下面这段代码，就不写html->head,body之类的代码了，自行脑补<div id="outer"> <p id="inner">Click me!</p> </div>上面的代码当中一个div元素当中有一个p子元素，如果两个原创 2020-05-19 20:34:30 · 192 阅读 · 1 评论 -
10.DOM
十、DOM10.1 什么是DOMDOM是Document Object Model（文档对象模型）的缩写，它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API，它定义了访问HTML文档对象的一套属性、方法和事件。10.2 节点类型每个节点都有一个nodeType属性，用于表明节点的类型。常用节点类型与对应nodeType值：用于判断获取到的元素属于什么类型节点- 元素节点 <==> 1- 文本节点 <==> 3- 属性节点 <==原创 2020-05-19 20:31:55 · 149 阅读 · 0 评论 -
09.Date
九、Date9.1 了解时间GMT：格林尼治标准时(Greenwich Mean Time)，俗称“天文学时间”UTC：协调世界时(Universal Time Coordinated)，“原子物理时间”，它更加精确,50亿年才误差1秒时区：为了克服时间上的混乱，1884年在华盛顿召开的一次国际经度会议（又称国际子午线会议[1]）上，规定将全球划分为24个时区（东、西各12个时区）。规定英国（格林尼治天文台旧址）为中时区（零时区）、东1-12区，西1-12区。每个时区横跨经度15度，时间正好是1原创 2020-05-19 20:29:03 · 160 阅读 · 0 评论 -
08.BOM
八、BOM8.1 BOM的概念BOM 是Browser Object Model（浏览器对象模型）的缩写，提供与浏览器窗口进行交互的对象。JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C, 而BOM缺乏标准。这也是各种浏览器不兼容的根源所在8.2 window对象window对象是BOM的核心, 是最顶层的对象，所有对象都是通过它延伸出来的8.2.1 全局作用域定义在全局环境下的变量都会成为window对象的属性把变量定义在函数体里，可以有效减少全局环境下原创 2020-05-19 20:26:05 · 134 阅读 · 0 评论 -
07.正则
七、正则7.1 了解正则表达式什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。为什么要使用正则表达式正则表达式能够进行强大的“模式匹配”和“文本检索与替换”功能。前端往往有大量的表单数据校验的工作，采用正则表达式会使得数据校验的工作量大大减轻7.2 创建正则表达式7.2.1 RegExp构造函数，第一个参数就是我们的模式“字符串”var reg= new RegExp('study');//使用特殊字符var reg= ne原创 2020-05-19 20:21:14 · 221 阅读 · 1 评论 -
06.字符串
六、字符串6.1 了解字符串字符串就是一串字符，由双（单）引号括起来。创建一个字符串//方式一：字面量（推荐）var str = '城市套路深，我想回农村';//方式二：构造函数//PS：用new产生的变量都是引用类型的变量，也叫对象var str = new String('我不是黄蓉，我不会武功');6.2 字符串的属性和方法6.2.1 属性length: 表示字符串的长度，只读（只能读取）6.2.2 字符串的获取方法charAt(3) //获取下标为3原创 2020-05-19 20:18:30 · 109 阅读 · 0 评论 -
05.事件
五、事件5.1 什么是事件事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件5.1.1 事件绑定方式格式：节点.on+事件名 = 事件处理函数;div.onclick = function(){}5.1.2 事件分类鼠标事件onclick 当用户点击某个对象时调用的事件。ondblclick 当用户双击某个对象时调用的事件。onmousedown 鼠标按钮被按下。onm原创 2020-05-19 20:16:52 · 145 阅读 · 0 评论 -
04.系统函数
四、系统函数4.1 parseInt(numString,[radix])定义和用法parseInt() 函数可解析一个字符串，并返回一个整数。语法parseInt(string, radix)参数描述string必需。要被解析的字符串。radix可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，原创 2020-05-19 20:15:32 · 776 阅读 · 0 评论 -
03.函数
三、函数3.1 了解函数函数就是把特定功能的代码抽取出来并进行封装，用来重复执行一些功能，并起个名字（函数名）。函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行使用函数的好处，为什么要使用函数函数可以重复执行某一部分代码（通过函数名调用）使程序变得更简短而清晰有利于程序维护什么时候需要函数当相同的代码出现多次时当需要提取公共代码时3.2 函数的定义关键字声明（声明式）：格式：function 函数名(原创 2020-05-19 20:13:22 · 79 阅读 · 0 评论 -
02.运算符
二、运算符2.1 条件判断语句2.1.1 if语句if单分支：if(条件){ //条件成立(返回true)时，执行这里的代码，否则不执行}if双分支：当if括号内的表达式结果成立，执行执行代码1，否则执行执行代码2 if(条件){ //代码1 //条件成立(返回true)时，执行这里的代码，忽略以下代码 }else{ //代码2 //条件不成立(返回false)时，执行这里的代码原创 2020-05-19 20:10:52 · 118 阅读 · 0 评论 -
01.JS语法
一、JS语法1.1 js代码的编写位置script标签<script type="text/javascript"> alert('你好')</script>js文件独立的js文件需要引入页面才能执行<script type="text/javascript" src="js/common.js"><script>script标签属性- type:类型- src :js文件路径带src属性的script标签内原创 2020-05-19 20:08:17 · 101 阅读 · 0 评论