码农小小海 - 博客园

javaScript系列---【条件if-切换图片循环or顺序】

摘要： html代码： <div id="wrap"> <button>顺序</button> <button>循环</button> <div id="box"> <img src="img/1.jpg" alt=""> <p class="title1">1/4</p> <p class="title2 阅读全文

posted @ 2021-03-13 09:41 码农小小海阅读(144) 评论(0) 推荐(0)

javaScript系列---【js中获取元素的方式】

摘要：获取元素的方式限定获取范围必须是具体的元素对象，操作元素也必须是具体的元素对象通过id获取基本语法 context.getElementById("id值"); context 在这里表示获取范围，通过id获取限定范围必须使用document 获取到了就是具体的那个元素对象，获取不到是null 阅读全文

posted @ 2021-03-12 21:59 码农小小海阅读(437) 评论(0) 推荐(0)

javaScript系列---【js运算符类型】

摘要：运算符 1.算术运算符 + - * / % ++ --// 规律：不同数据类型在进行运算的时候会尽量转为数字类型(内置帮我们进行转换，并且符合Number的规律)// 引用数据类型转为数字，先内置调用toString()方法，然后再去转为数字// +// 1.+ 号两边都是数字表示加法// 阅读全文

posted @ 2021-03-12 21:55 码农小小海阅读(57) 评论(0) 推荐(0)

javaScript系列---【数据类型的强制转换】

摘要： 12.数据类型的强制转换 1.其它数据类型转为数字引用数据类型转为数字，先内置调用toString()方法，然后再去转为数字 Number(数据); 将转完后的值返回转不成具体的数值返回NaN 字符串转为数字,必须是纯数字字符串，一旦遇到非数字字符，就停转转换返回NaN,但是可以识别小数（只阅读全文

posted @ 2021-03-11 21:51 码农小小海阅读(71) 评论(0) 推荐(0)

javaScript系列---【解析js基本数据类型】

摘要：基本数据类型 Number 数字作用：在js中进行一定的运算正数；负数； 0 ； NaN（Not a Number 不是一个数字）； Infinity （无穷大）当运算不出结果返回NaN 小数计算精度问题 // 因为js在进行运算采用的IEEE-754双精度标准去运算，都会转为二进制进行阅读全文

posted @ 2021-03-11 21:41 码农小小海阅读(69) 评论(0) 推荐(0)

javaScript系列---【操作元素样式】

摘要：操作元素样式原则：用过style属性操作的都是元素的行内样式（设置和获取）操作单个样式基本语法设置 : 元素.style.样式属性 = 值获取: 元素.style.样式属性代码如下： var box =document.getElementById("box");// 设置box.st 阅读全文

posted @ 2021-03-11 21:24 码农小小海阅读(95) 评论(0) 推荐(0)

Typora系列---【Typora常用快捷键】

摘要： Ctrl + 1~6 1~6级标题 Ctrl+Shift+ ] 插入无序列表 Ctrl+Shift+ [ 插入有序列表 Ctrl + Shift + K 行内代码 Ctrl+Shift+M 公式块 Ctrl + Shift + I 插入图片 Ctrl + Z 撤销 Ctrl+F 搜索 Ctrl+H 阅读全文

posted @ 2021-03-10 21:08 码农小小海阅读(78) 评论(0) 推荐(0)

javaScript系列---【操作元素内容】

摘要：操作元素内容操作表单元素基本语法：设置元素.value = 值; 获取元素.value; 操作普通元素利用innerText操作普通元素内容特点设置的是什么就是什么,只能识别文本设置（多次设置重新赋值）设置元素.innerText= 值；获取元素.innerText；阅读全文

posted @ 2021-03-10 20:03 码农小小海阅读(57) 评论(0) 推荐(0)

JavaScript系列---【JS变量】

摘要：变量 1.1 变量基础 **描述：**变量是js中用来存储值和代表值的基本语法: var 变量名 = 值; 一个变量可以分为两部分: var a = 10; 声明 var a; 定义 a = 10; 赋值 1.2 变量声明方式 1.2.1 只声明不定义 var a; console.log(a); 阅读全文

posted @ 2021-02-22 23:20 码农小小海阅读(78) 评论(0) 推荐(0)

JavaScript系列---【常用鼠标事件】

摘要：鼠标事件类型 1.1 onclick 单击代码示例： document.getElementById("box").onclick = function(){ alert('onclick'); } 1.2 ondblclick 双击代码示例： document.getElementById(" 阅读全文

posted @ 2021-02-22 23:19 码农小小海阅读(170) 评论(0) 推荐(0)