JavaScript
Spade_
故不积跬步,无以至千里;不积小流,无以成江海。持续精进,刻意练习。
展开
-
【JavaScript】018.Math对象
1.目的JavaScript Math对象 // 1. Math.random() // 生成 [0, 1) 之间的随机数,不包括1 // 2. Math.floor() // 向下取整 // 3. Math.ceil() // 向上取整2.示例代码图片及源码的github链接 018.Math对象<!DOCTYPE html>&...原创 2020-05-03 15:26:58 · 203 阅读 · 0 评论 -
【JavaScript】017.常用内置对象
1.目的JavaScript常用内置对象 // 1. document // document.getElementById // 通过id获取元素 // document.getElementsByTagName // 通过标签名获取元素 // document.referrer // 获取上一个跳转页面的地址(需要服务器环境) ...原创 2020-05-03 15:25:24 · 193 阅读 · 0 评论 -
【JavaScript】016.封闭函数
1.目的JavaScript封闭函数2.示例代码图片及源码的github链接 016.封闭函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>016.封闭函数</title> <script ty...原创 2020-05-03 15:23:22 · 140 阅读 · 0 评论 -
【JavaScript】015.倒计时
1.目的制作一个倒计时时钟2.示例代码图片及源码的github链接 015.倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>015.倒计时</title> <script type="te...原创 2020-05-03 15:21:52 · 174 阅读 · 0 评论 -
【JavaScript】014.制作时钟
1.目的制作一个时钟2.示例代码图片及源码的github链接 014.时钟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>014.时钟</title> <script type="text/ja...原创 2020-05-03 15:19:45 · 321 阅读 · 0 评论 -
【JavaScript】011.字符串操作
1.目的JavaScript字符串操作2.示例代码图片及源码的github链接 011.字符串操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>011.字符串操作</title> <script...原创 2020-05-03 15:15:58 · 164 阅读 · 0 评论 -
【JavaScript】010.通过标签获取元素
1.目的通过标签获取元素2.示例代码图片及源码的github链接 010.通过标签获取元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>010.通过标签获取元素</title> <script...原创 2020-05-03 15:13:58 · 313 阅读 · 0 评论 -
【JavaScript】009.利用数组创建页面列表
1.目的利用数组创建页面列表2.示例代码图片及源码的github链接 009.利用数组创建页面列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>009.利用数组创建页面列表</title> <...原创 2020-05-03 15:08:34 · 206 阅读 · 0 评论 -
【JavaScript】008.数组
1.目的JavaScript数组的使用2.示例代码图片及源码的github链接 008.数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>008.数组</title> <script type=...原创 2020-05-03 15:06:10 · 120 阅读 · 0 评论 -
【JavaScript】007.判断语句和循环语句
1.目的if elseswitchforwhiledo while2.示例代码图片及源码的github链接 007.判断语句和循环语句<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>007.判断语句和循环语句&...原创 2020-05-03 15:04:41 · 158 阅读 · 0 评论 -
【JavaScript】006.函数传参和返回
1.目的函数传参和返回2.示例代码源码github链接 006.函数传参和返回<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>006.函数传参和返回</title> <script type="t...原创 2020-05-03 14:59:58 · 192 阅读 · 0 评论 -
【JavaScript】005.变量和函数的预解析
1. 目的需要了解JavaScript解析过程分为两个阶段,先是编译阶段,然后是执行阶段。编译阶段会将function定义的函数提前,并且将var定义的变量声明提前,将它赋值为undefined。2.示例代码图片及源码的github链接 005.变量和函数的预解析<!DOCTYPE html><html lang="en"><head> ...原创 2020-05-03 14:49:10 · 164 阅读 · 0 评论 -
【JavaScript】004.CSS页面换肤
1.目的为两个button添加单击事件以调用CSS代码实现换肤功能2.示例代码图片及源码的github链接 004.CSS页面换肤<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>004.CSS页面换肤</title...原创 2020-05-03 14:46:33 · 126 阅读 · 0 评论 -
【JavaScript】003.提取行间事件
1.目的为两个button添加单击事件实现换肤功能2.示例代码图片及源码的github链接 003.提取行间事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>003.提取行间事件</title> &...原创 2020-05-03 12:50:01 · 159 阅读 · 0 评论 -
【JavaScript】002.变量和函数的定义
1.变量的类型 // 数字: var numberObject = 1; // 字符串: var stringObject = "1"; // 布尔: var booleanObject = true; // 空: var nullObject = null; // 未定义: var undefinedObject =...原创 2020-05-03 12:43:35 · 117 阅读 · 0 评论 -
【JavaScript】001.获取和操作页面元素
1.操作方式通过 JavaScript操作 HTML 元素document.getElementById :通过 id 查找 HTML 元素getElementsByTagName :通过标签名查找 HTML 元素document.getElementsByClassName :通过类名查找 HTML 元素document.querySelectorAll :通过 CSS 选择器...原创 2020-05-03 12:39:08 · 240 阅读 · 0 评论 -
【JavaScript】000.三种嵌入js的方式
000.JavaScript之三种嵌入js的方式1. 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>000.JavaScript之三种嵌入js的方式</title> <!-- 第三种嵌入js的方...原创 2020-05-03 12:27:01 · 260 阅读 · 0 评论 -
【JavaScript】013.无缝滚动动画
1. 效果图2. 代码图片及源码的github链接 013.无缝滚动动画.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>013.无缝滚动动画</title> <link rel="sty...原创 2020-05-03 12:21:59 · 15368 阅读 · 0 评论 -
【JavaScript】012.简单定时器动画
1. 效果图2. 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>012.定时器动画</title> <script type="text/javascript"> wind...原创 2020-05-03 11:55:55 · 145 阅读 · 0 评论