javascript简单学习
关注
分享
扫一扫
javascript简单学习
fanfjaiynu
汪
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
常见事件
事件监听机制：* 概念：某些组件被执行了某些操作后，触发某些代码的执行。 * 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了* 事件源：组件。如： 按钮 文本输入框…* 监听器：代码。* 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。常见的事件：1. 点击事件：onclick：单击事件ondblclick：双击事件2...原创 2020-02-23 13:31:40 · 167 阅读 · 0 评论 -
HTML_DOM
HTML DOM标签体的设置和获取：innerHTML使用html元素对象的属性控制元素样式使用元素的style属性来设置如：//修改样式方式1div1.style.border = “1px solid red”;div1.style.width = “200px”;//font-size–> fontSizediv1.style.fontSize = “20px...原创 2020-02-23 12:23:23 · 132 阅读 · 0 评论 -
DOM_Node对象
Node：节点对象，其他5个的父对象**特点：**所有dom对象都可以被认为是一个节点方法：CRUD dom树：appendChild()：向节点的子节点列表的结尾添加新的子节点。removeChild() ：删除（并返回）当前节点的指定子节点。replaceChild()：用新节点替换一个子节点。属性：parentNode 返回节点的父节点。<!DOCTYPE html&...原创 2020-02-23 12:08:40 · 184 阅读 · 0 评论 -
DOM_Element对象
Element：元素对象获取/创建：通过document来获取和创建方法：removeAttribute()：删除属性setAttribute()：设置属性原创 2020-02-23 10:52:30 · 169 阅读 · 0 评论 -
DOM_Document对象
Document：文档对象创建(获取)：在html dom模型中可以使用window对象来获取window.documentdocument方法：获取Element对象：getElementById() ： 根据id属性值获取元素对象。id属性值一般唯一getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组getElementsByClassN...原创 2020-02-23 10:52:10 · 111 阅读 · 0 评论 -
BOM_history对象
History：历史记录对象创建(获取)：window.historyhistory方法：back() 加载 history 列表中的前一个 URL。forward() 加载 history 列表中的下一个 URL。go(参数) 加载 history 列表中的某个具体页面。参数：正数：前进几个历史记录负数：后退几个历史记录属性：length 返回当前窗口历史列表中的 URL...原创 2020-02-23 10:51:53 · 138 阅读 · 0 评论 -
练习—自动跳转
原创 2020-02-23 10:51:33 · 108 阅读 · 0 评论 -
BOM_location对象
Location：地址栏对象创建(获取)：window.locationlocation方法：reload() 重新加载当前文档。刷新属性：href 设置或返回完整的 URL原创 2020-02-22 16:19:49 · 123 阅读 · 0 评论 -
练习—轮播图
原创 2020-02-22 15:58:59 · 126 阅读 · 0 评论 -
BOM_window对象
BOM:概念：Browser Object Model 浏览器对象模型将浏览器的各个组成部分封装成对象。组成：Window：窗口对象Navigator：浏览器对象Screen：显示器屏幕对象History：历史记录对象Location：地址栏对象Window：窗口对象创建方法与弹出框有关的方法：alert() 显示带有一段消息和一个确认按钮的警告框。prompt(...原创 2020-02-22 15:42:49 · 124 阅读 · 0 评论 -
练习—蜡烛点亮熄灭
原创 2020-02-22 14:43:52 · 209 阅读 · 0 评论 -
事件绑定
事件简单学习功能： 某些组件被执行了某些操作后，触发某些代码的执行。如何绑定事件：1.直接在html标签上，指定事件的属性(操作)，属性值就是js代码 事件：onclick— 单击事件2.通过js获取元素对象，指定事件属性，设置一个函数带括号的是函数调用，直接执行函数；不带括号的是绑定事件，事件触发再执行。复杂点说，带括号的是把...原创 2020-02-22 14:08:24 · 172 阅读 · 0 评论 -
DOM获取元素对象
DOM简单学习：功能：控制html文档的内容获取页面标签(元素)对象：Elementdocument.getElementById(“id值”):通过元素的id获取元素对象操作Element对象：修改属性值：明确获取的对象是哪一个？查看API文档，找其中有哪些属性可以设置修改标签体内容：获取元素对象使用innerHTML属性修改标签体内容...原创 2020-02-22 13:44:36 · 336 阅读 · 0 评论 -
js对象_Global
特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。 方法名();方法：encodeURI():url编码decodeURI():url解码encodeURIComponent():url编码,编码的字符更多decodeURIComponent():url解码parseInt():将字符串转为数字逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为n...原创 2020-02-22 13:25:12 · 257 阅读 · 0 评论 -
js对象_RegExp
RegExp：正则表达式对象正则表达式：定义字符串的组成规则。单个字符:[ ]如： [a] [ab] [a-zA-Z0-9_]**特殊符号代表特殊含义的单个字符:\d:单个数字字符 [0-9]\s:匹配任意空白字符. :匹配除换行符以外的任意字符\b:匹配单词的开始或结束\w:匹配字母或数字或下划线或汉字量词符号：?：表示出现0次或1次*：表示出现0次或多次+：出现1...原创 2020-02-22 12:52:04 · 106 阅读 · 0 评论 -
js对象_Math
Math：数学对象创建：特点：Math对象不用创建，直接使用。 Math.方法名();方法：random():返回 0 ~ 1 之间的随机数。 含0不含1ceil(x)：对数进行上舍入。floor(x)：对数进行下舍入。round(x)：把数四舍五入为最接近的整数。属性：PI...原创 2020-02-22 11:11:08 · 131 阅读 · 0 评论 -
js对象_Date
Date：日期对象创建：var date = new Date();方法：toLocaleString()：返回当前date对象对应的时间本地字符串格式getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差...原创 2020-02-22 10:54:59 · 144 阅读 · 0 评论 -
js对象_Array
Array:数组对象创建：var arr = new Array(元素列表);var arr = new Array(默认长度);var arr = [元素列表];方法:join(参数):将数组中的元素按照指定的分隔符拼接为字符串push() 向数组的末尾添加一个或更多元素，并返回新的长度。属性:length:数组的长度特点：JS中，数组元素的类型可变的。JS中，数组长度可...原创 2020-02-21 15:41:30 · 116 阅读 · 0 评论 -
js对象_Function
Function：函数(方法)对象创建： 1. var fun = new Function(形式参数列表,方法体); //基本不用 2. function 方法名称(形式参数列表){ 方法体}3.var 方法名...原创 2020-02-21 15:04:32 · 224 阅读 · 0 评论 -
js流程控制语句
for语句：switch语句：在java中，switch语句可以接受的数据类型： byte int short char,枚举(jdk1.5),String(jdk1.7)switch(变量):case 值:在JS中switch语句可以接受任意的原始数据类型while语句：九九乘法表：...原创 2020-02-21 14:25:28 · 120 阅读 · 0 评论 -
js特殊语法
JS特殊语法：语句以 ; 结尾，如果一行只有一条语句则 ; 可以省略 (不建议)变量的定义使用var关键字，也可以不使用使用var声明变量，在方法内部是局部变量，在方法外部是全局变量没有使用var声明的变量，在方法内部或外部都是全局变量，但如果是在方法内部声明，在方法外部使用之前需要先调用方法，告知系统声明了全局变量后方可在方法外部使用。(不建议)...原创 2020-02-21 13:20:26 · 588 阅读 · 0 评论 -
js三元运算符
三元运算符：? : 表达式var a = 3;var b = 4;var c =a > b ? 1 : 0语法：表达式? 值1:值2;判断表达式的值，如果是true则取值1，如果是false则取值第二个0；...原创 2020-02-21 11:02:34 · 6718 阅读 · 0 评论 -
js逻辑运算符
逻辑运算符：&& || !其他类型转boolean：number：0或NaN为假，其他为真string：除了空字符串("")，其他都是truenull&undefined:都是false对象：所有对象都为true<!DOCTYPE html><html lang="en"><head> <m...原创 2020-02-21 10:53:11 · 98 阅读 · 0 评论 -
js比较运算符
比较方式：类型相同：直接比较字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。类型不同：先进行类型转换，再比较===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false...原创 2020-02-20 18:42:52 · 214 阅读 · 0 评论 -
js算数运算符
原创 2020-02-20 18:37:33 · 145 阅读 · 0 评论 -
js一元运算符
一元运算符：只有一个运算数的运算符++ --：自增(自减)++(–) 在前，先自增(自减)，再运算++(–) 在后，先运算，再自增(自减)+(-)：正负号注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换其他类型转number：string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）boolean转...原创 2020-02-20 18:34:13 · 685 阅读 · 0 评论 -
js变量—typeof
typeof运算符：获取变量的类型null运算后得到的是object原创 2020-02-20 18:21:18 · 112 阅读 · 0 评论 -
js变量
js数据类型原始数据类型(基本数据类型)：number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)string：字符串。 字符串 “abc” “a” ‘abc’boolean: true和falsenull：一个对象为空的占位符undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined引用数据类型：对象变量变量...原创 2020-02-20 18:04:40 · 189 阅读 · 0 评论 -
js与html结合方式
javascript概念：是一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎脚本语言：不需要编译，直接就可以被浏览器解析执行了功能：可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)EC...原创 2020-02-20 17:45:38 · 330 阅读 · 0 评论