JavaScript学习笔记
关注
分享
扫一扫
雨乐无穷
新晋小白
展开
-
chapter01---JavaScript介绍
JavaScript介绍相关网站http://impress.github.io/impress.jshttp://naotu.baidu.com游戏学习JS网站：https://codecombat.163.com/playhttps://ide.codemao.cnblockly迷宫不需要翻墙https://blockly.uieee.comJavaScript介绍javaS...翻译 2019-02-12 11:39:15 · 306 阅读 · 0 评论 -
webAPI3-9检测用户名和密码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>检测用户名和密码 </title> <style type="text/css"> .error{ background-color: orangered; } ...转载 2019-06-14 17:50:52 · 432 阅读 · 0 评论 -
12-4字符串的不可变
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串的不可变</title> </head> <body> <script type="text/javascript"> //字符串的不可变 ...原创 2019-06-10 11:01:36 · 73 阅读 · 0 评论 -
12-5字符串的方法介绍
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串的方法介绍</title> </head> <body> <script type="text/javascript"> //1...原创 2019-06-10 15:52:44 · 131 阅读 · 0 评论 -
12-6求字符串中出现最多的字符以及该字符出现的次数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>求字符串中出现最多的字符以及该字符出现的次数</title> </head> <body> <script type="text/javascript">...原创 2019-06-10 16:10:08 · 206 阅读 · 0 评论 -
12-7获取url中的参数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取url中的参数</title> </head> <body> <script> //获取url中?后面的内容 //例如：https://h...转载 2019-06-10 17:38:51 · 128 阅读 · 0 评论 -
webAPI04-01模拟DOM结构
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>模拟DOM结构</title> </head> <body> <div id="box"></div> <p id="pra"...转载 2019-06-20 16:18:35 · 107 阅读 · 0 评论 -
12-8字符串的其他方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串的其他方法</title> </head> <body> <script type="text/javascript"> //concat 拼...原创 2019-06-11 11:34:50 · 109 阅读 · 0 评论 -
webAPI01-1WebAPI的概念
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>WebAPI的概念</title> </head> <body> <p> 1-1 WEBAPI的概念 API(应用程序编程接口)，是一些预先...原创 2019-06-11 14:18:39 · 191 阅读 · 0 评论 -
webAPI02-1根据id获取元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>根据id获取元素</title> </head> <body> <div id="practice"> haohhhohhab </div...原创 2019-06-11 15:42:04 · 194 阅读 · 0 评论 -
webAPI05-01父子节点
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父子节点</title> </head> <body> <div id="box"> <span>span标签</span>...转载 2019-06-21 10:20:45 · 128 阅读 · 0 评论 -
webAPI05-02隔行变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>隔行变色</title> </head> <body> <ul id="shan"> <li>泰山</li> <...转载 2019-06-21 10:48:48 · 159 阅读 · 0 评论 -
webAPI02-2getElementsByTagName
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>getElementsByTagName</title> <script type="text/javascript"> var divs = document.getElem...原创 2019-06-11 17:19:23 · 156 阅读 · 0 评论 -
webAPI02-3getElementsByTagName2
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>getElementsByTagName2</title> </head> <body> <div id="container"> <div&...原创 2019-06-11 17:19:43 · 128 阅读 · 0 评论 -
webAPI02-4获取元素的其他方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取元素的其他方式</title> </head> <body> <div class="main">比较长值班了电话号</div> &l...原创 2019-06-12 09:26:11 · 98 阅读 · 0 评论 -
webAPI03-1注册事件(案例：点击按钮切换图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册事件(案例：点击按钮切换图片)</title> </head> <body> <button id="btn" value="点我 ">点我</...转载 2019-06-12 11:07:59 · 152 阅读 · 0 评论 -
webAPI03-10设置下拉框的选中元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置下拉框的选中元素</title> </head> <body> <input type="button" id="btn" value="随机选" />...转载 2019-06-18 10:37:53 · 217 阅读 · 0 评论 -
webAPI03-13自定义属性操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义属性操作 </title> </head> <body> <div id="box">李华</div> <script t...转载 2019-06-19 16:23:50 · 295 阅读 · 0 评论 -
webAPI03-12全选反选案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全选反选案例</title> <style type="text/css"> .wrap{ width: 60%; margin: 0 auto; ov...转载 2019-06-19 15:46:25 · 232 阅读 · 0 评论 -
webAPI03-8给文本框赋值并获取文本框的值
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>给文本框赋值并获取文本框的值</title> <style type="text/css"> #words{ width: 200px; height: 100...转载 2019-06-14 17:04:37 · 333 阅读 · 0 评论 -
chapter02 JavaScript变量
变量2-1什么是变量什么是变量变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据为什么要使用变量使用变量可以方便的获取或者修改内存中的数据2-2如何使用变量var声明变量var age;变量的赋值var age;age = 18;同时声明多个变量var age, name, sex;age = 10;name = '...翻译 2019-02-13 09:21:44 · 127 阅读 · 0 评论 -
chapter03 JavaScript数据类型
3-1 数据类型在C 、Java、C# 中，声明变量的时候就确定了数据类型int age = 18; // int就确定了后面的的变量所存的数据类型只能是整数在JavaScript中声明变量的时候并没有确定变量的类型，所以JavaScript是弱类型的语言简单数据类型Number、String、 Boolean、Undefined、NullNumber类型• 数值字面量：数...翻译 2019-03-19 23:06:07 · 106 阅读 · 0 评论 -
webAPI03-2非表单元素的属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>非表单元素的属性</title> </head> <body> <a id="e360" href="https://hao.360.com/?src=lm&a...转载 2019-06-12 15:08:17 · 140 阅读 · 0 评论 -
11-1数组的常用方法
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> // toString() v...转载 2019-06-06 08:53:48 · 160 阅读 · 0 评论 -
11-2数组的sort方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var arr = [42,200,...转载 2019-06-06 08:54:46 · 88 阅读 · 0 评论 -
11-3模拟sort内部实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>11-3模拟sort内部实现</title> </head> <body> <script type="text/javascript"> func...原创 2019-06-06 08:55:23 · 170 阅读 · 0 评论 -
11-4清空数组的方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>清空数组的方法</title> </head> <body> <script type="text/javascript"> var array =...原创 2019-06-06 08:56:16 · 151 阅读 · 0 评论 -
11-5模拟翻转数组
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>模拟翻转数组</title> </head> <body> <script type="text/javascript"> var array = ...原创 2019-06-06 09:06:22 · 87 阅读 · 0 评论 -
webAPI03-3点击按钮div显示隐藏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击按钮div显示隐藏</title> <style type="text/css"> #box{ width: 200px; height: 300px; ...原创 2019-06-12 17:02:22 · 210 阅读 · 0 评论 -
12-1数组和对象案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组和对象案例</title> </head> <body> <script type="text/javascript"> //案例一：工资的数组...原创 2019-06-06 10:40:43 · 139 阅读 · 0 评论 -
12-3基本包装类型
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本包装类型</title> </head> <body> <script type="text/javascript"> //由于简单类型没有属性...原创 2019-06-06 16:57:22 · 97 阅读 · 0 评论 -
webAPI03-4风景相册
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>风景相册</title> <style type="text/css"> body{ padding: 120px 200px; } #imagesgall...转载 2019-06-13 10:54:28 · 201 阅读 · 0 评论 -
webAPI03-5innerHTML和innerText
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>innerHTML和innerText</title> </head> <body> <div id="box"> hello!world &...转载 2019-06-14 15:31:34 · 123 阅读 · 0 评论 -
webAPI03-6innerText(textContent)兼容性处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>innerText(textContent)兼容性处理</title> </head> <body> <div id="box">hello,wor...转载 2019-06-14 16:04:19 · 148 阅读 · 0 评论 -
webAPI03-7表单元素的属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单元素的属性</title> </head> <body> <input type="button" value="按钮" id= 'btn' />&...转载 2019-06-14 16:24:21 · 114 阅读 · 0 评论 -
webAPI03-11搜索文本框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>搜索文本框</title> <style type="text/css"> .gray{ color: gray; } .black{ color:...转载 2019-06-18 15:26:46 · 119 阅读 · 0 评论