随笔分类 -  JavaScript

摘要:ES6语法箭头函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2021-09-02 10:38 丁帅帅dss 阅读(56) 评论(0) 推荐(0)
摘要:基础案例 1.隔行换色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> <script> $(funct 阅读全文
posted @ 2021-07-10 21:36 丁帅帅dss 阅读(59) 评论(0) 推荐(0)
摘要:dom操作 1. 内容操作 html(): 获取/设置元素的标签体内容 text(): 获取/设置元素的标签体纯文本内容 val(): 获取/设置元素的value属性值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit 阅读全文
posted @ 2021-07-10 19:45 丁帅帅dss 阅读(47) 评论(0) 推荐(0)
摘要:选择器 1.基本选择器 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>基本选择器</title> <meta http-equiv="content-type" content 阅读全文
posted @ 2021-07-09 20:47 丁帅帅dss 阅读(46) 评论(0) 推荐(0)
摘要:JQuery事件绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件绑定</title> <script src="js/jquery-3.3.1.min.js"></script> <script> 阅读全文
posted @ 2021-07-09 11:20 丁帅帅dss 阅读(35) 评论(0) 推荐(0)
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <script src="js/jquery-3.3.1.min.js"></script> 6 <title>JQuer对象和js对象的转换</titl 阅读全文
posted @ 2021-07-07 09:26 丁帅帅dss 阅读(48) 评论(0) 推荐(0)
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <script src="js/jquery-3.3.1.min.js"></script> 6 <title>JQuery入门</title> 7 </ 阅读全文
posted @ 2021-07-07 08:52 丁帅帅dss 阅读(39) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; margin-left: 30%; } 阅读全文
posted @ 2021-06-02 22:31 丁帅帅dss 阅读(70) 评论(0) 推荐(0)
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>动态表格</title> 6 <style> 7 table{ 8 border: 1px solid; 9 margin: auto; 1 阅读全文
posted @ 2021-06-02 21:29 丁帅帅dss 阅读(66) 评论(0) 推荐(0)
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>自动跳转</title> 6 <style> 7 p{ 8 text-align: center; 9 } 10 span{ 11 colo 阅读全文
posted @ 2021-06-02 19:27 丁帅帅dss 阅读(132) 评论(0) 推荐(0)
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 </head> 7 <body> 8 <img id="img" src="img/banner_1.jpg" 阅读全文
posted @ 2021-06-02 19:12 丁帅帅dss 阅读(41) 评论(0) 推荐(0)
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>电灯开关</title> 6 </head> 7 <body> 8 <img id="light" src="img/off.gif"> 9 阅读全文
posted @ 2021-06-02 19:06 丁帅帅dss 阅读(43) 评论(0) 推荐(0)
摘要:<html> <!--声明式:不能显示--> <head> <!--设置网页编码--> <meta charset="utf-8"/> <title> 我的标题 html</title> </head> <!--能够显示的内容--> <body> <script> function print(s) 阅读全文
posted @ 2021-01-18 21:22 丁帅帅dss 阅读(36) 评论(0) 推荐(0)
摘要:1 <html> 2 <!--声明式:不能显示--> 3 <head> 4 <!--设置网页编码--> 5 <meta charset="utf-8"/> 6 <title> 我的标题 html</title> 7 </head> 8 <!--能够显示的内容--> 9 <body> 10 <scri 阅读全文
posted @ 2021-01-18 19:00 丁帅帅dss 阅读(67) 评论(0) 推荐(0)
摘要:1 <html> 2 <!--声明式:不能显示--> 3 <head> 4 <!--设置网页编码--> 5 <meta charset="utf-8"/> 6 <title> 我的标题 html</title> 7 </head> 8 <!--能够显示的内容--> 9 <body> 10 <scri 阅读全文
posted @ 2021-01-18 16:35 丁帅帅dss 阅读(42) 评论(0) 推荐(0)
摘要:<html> <!--声明式:不能显示--> <head> <!--设置网页编码--> <meta charset="utf-8"/> <title> 我的标题 html</title> </head> <!--能够显示的内容--> <body> <script> function print(s) 阅读全文
posted @ 2021-01-18 16:19 丁帅帅dss 阅读(53) 评论(0) 推荐(0)
摘要:1 <html> 2 <!--声明式:不能显示--> 3 <head> 4 <!--设置网页编码--> 5 <meta charset="utf-8"/> 6 <title> 我的标题 html</title> 7 </head> 8 <!--能够显示的内容--> 9 <body> 10 <scri 阅读全文
posted @ 2021-01-18 15:42 丁帅帅dss 阅读(59) 评论(0) 推荐(0)
摘要:1 <html> 2 <!--声明式:不能显示--> 3 <head> 4 <!--设置网页编码--> 5 <meta charset="utf-8"/> 6 <title> 我的标题 html</title> 7 </head> 8 <!--能够显示的内容--> 9 <body> 10 <scri 阅读全文
posted @ 2021-01-17 22:51 丁帅帅dss 阅读(71) 评论(0) 推荐(0)
摘要:<html> <!--声明式:不能显示--> <head> <!--设置网页编码--> <meta charset="utf-8"/> <title> 我的标题 html</title> </head> <!--能够显示的内容--> <body> <script> document.write("< 阅读全文
posted @ 2021-01-17 22:16 丁帅帅dss 阅读(54) 评论(0) 推荐(0)