![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
P_ning
一只小菜鸟的笔记
我的大部分笔记存放处在码云的仓库里面https://gitee.com/P_n_ing
有空的话我会把详细的步骤会写在这里
(当然是在我打完游戏后如果还有空闲的时间( ´◔ ‸◔`))
展开
-
8.2鼠标不必点击按钮就可以检验
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body>账号:<input type="text" id="username" onFocus="nameShow()" o...原创 2019-07-13 22:42:57 · 235 阅读 · 0 评论 -
4.在指定id的html语句中输出
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> #demo{ font-size:36px; color:#F00; }</style>&...原创 2019-07-12 14:42:03 · 467 阅读 · 0 评论 -
5.代码块(类似c的函数和java的方法)
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> #demo{ font-size:36px; color:#F00; }</style>&...原创 2019-07-12 14:42:47 · 169 阅读 · 0 评论 -
6.1点击切换图片
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript"> function changeImg() { var a= document.getEleme...原创 2019-07-12 14:43:54 · 163 阅读 · 0 评论 -
6.2定时一段时间后执行一次代码
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><script type="text/javascript"> //window对象是一个顶层对象,前面的w...原创 2019-07-12 14:44:28 · 380 阅读 · 0 评论 -
6.3每隔一段时间就调用一次函数或代码串
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><script type="text/javascript"> window.setInterval("al...原创 2019-07-12 14:45:40 · 1434 阅读 · 0 评论 -
6.4开启或关闭定时器
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><!--setInterval和setTimeout开始和停止的用法是一样的--><script ...原创 2019-07-12 14:47:42 · 257 阅读 · 0 评论 -
6.5轮播图
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><script type="text/javascript"> var b = 0; function d...原创 2019-07-12 14:50:17 · 112 阅读 · 0 评论 -
7.1通过按钮显示和隐藏图片
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><script type="text/javascript"> function show(){ var...原创 2019-07-12 14:51:51 · 1186 阅读 · 0 评论 -
7.2页面定时弹出一个短暂的广告
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><script type="text/javascript"> window.setTimeout("st...原创 2019-07-12 14:52:32 · 317 阅读 · 0 评论 -
3.变量的定义
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript"> var a; a=10086; alert(a); document.writeln(a); ...原创 2019-07-12 14:41:19 · 132 阅读 · 0 评论 -
2.书写位置
写html文件内<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript"></script></head><body>...原创 2019-07-12 14:40:08 · 229 阅读 · 0 评论 -
8.3密码校验
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body>密码<input type="password" id="password" onFocus="passwordSh...原创 2019-07-13 22:43:39 · 198 阅读 · 0 评论 -
8.4页面跳转
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><form action="跳转到的页面.html"><!--action规定当提交表单时向何处发送表...原创 2019-07-13 22:44:38 · 191 阅读 · 0 评论 -
8.5总结
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><form action="跳转到的页面.html" onSubmit="return onSubmint()"&...原创 2019-07-13 22:45:14 · 126 阅读 · 0 评论 -
9.1表格隔行换色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-07-13 22:45:56 · 150 阅读 · 0 评论 -
9.2全选和全不选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-07-13 22:46:38 · 109 阅读 · 0 评论 -
9.3全选和全不选(改)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-07-13 22:47:16 · 95 阅读 · 0 评论 -
10.1利用DOM创建标签
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><!--DOM用于管理文档的增删改查规则--><input type="button" value="...原创 2019-07-15 21:55:16 · 517 阅读 · 0 评论 -
10.2省市联动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-07-15 21:55:51 · 221 阅读 · 0 评论 -
1.简单的输出
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/jscript"> alert("这是一个警告框"); document.write("在页面输出"); console.l...原创 2019-07-12 14:37:32 · 139 阅读 · 0 评论 -
8.1登陆注册通过按钮验证内容是否合理
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body>账号:<input type="text" id="username">密码:<input typ...原创 2019-07-13 22:41:33 · 176 阅读 · 0 评论