随笔分类 -  HTML

摘要:编写前端需要了解盒子模型,通过div进行拼接。 阅读全文
posted @ 2022-11-06 21:49 安好_世界 阅读(18) 评论(0) 推荐(0)
摘要:<a id="ajax_submit">悄悄提交</a> <script> $('#ajax_submit').click(function () { $.ajax({ url:"/host/", type:'POST', data:{'k1':123,'k2':'root'}, success:f 阅读全文
posted @ 2021-04-13 23:10 安好_世界 阅读(78) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2 阅读全文
posted @ 2021-03-06 18:42 安好_世界 阅读(47) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.cs 阅读全文
posted @ 2021-03-06 18:39 安好_世界 阅读(258) 评论(0) 推荐(0)
摘要:test - 判断字符串是否符合规定的正则 rep =/\d+/; rep.test('211')#true rep =/^\d+$/ rep.test('2222ff3') #false rep.test('22223') #true exec -获取匹配的数据 req = /\d+/ str=" 阅读全文
posted @ 2021-03-03 22:23 安好_世界 阅读(214) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .error{ color: red; } </style> </head> <body> <form id="f1 阅读全文
posted @ 2021-03-01 16:40 安好_世界 阅读(43) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ padding: 50px; border: 1px solid #dddddd; } .i 阅读全文
posted @ 2021-02-18 17:07 安好_世界 阅读(88) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="t1" type="text"/> <input id="t2" type="b 阅读全文
posted @ 2021-02-18 15:19 安好_世界 阅读(40) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } .active{ background-color: brown; 阅读全文
posted @ 2021-02-18 14:11 安好_世界 阅读(114) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ } .hide{ display: none; } </style> </head> <body> <in 阅读全文
posted @ 2021-02-10 10:50 安好_世界 阅读(64) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .modal{ position: fixed; top: 50%; left: 50%; width: 500px 阅读全文
posted @ 2021-02-07 17:55 安好_世界 阅读(149) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .header{ background-color: black; color: wheat; } .content 阅读全文
posted @ 2021-02-05 17:37 安好_世界 阅读(93) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="button" value="全选" onclick="CheckAll() 阅读全文
posted @ 2021-02-05 15:45 安好_世界 阅读(191) 评论(0) 推荐(0)
摘要:一、查找元素 DOM: 10个左右选择器 jQuery: 选择器: 直接找到某个或者某类标签 1.id $('#id') 根据id查询 2.class $('.c1') 根据class标签寻找 3.标签 <div><div> $('a') 找到所有的a标签 4.组合选择器 $('a,.c2,#i1' 阅读全文
posted @ 2021-02-04 17:54 安好_世界 阅读(67) 评论(0) 推荐(0)
摘要:dom0: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" width="300px"> <tr onmouseo 阅读全文
posted @ 2021-01-21 17:41 安好_世界 阅读(71) 评论(0) 推荐(0)
摘要:提交表单: 任何表情通过DOM都可以提交表单 document.getElementById('f1').submit() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </he 阅读全文
posted @ 2021-01-20 17:34 安好_世界 阅读(109) 评论(0) 推荐(0)
摘要:样式操作: className classList classList.add classList.remove <style> .c1{ font-size:15px } </style> <div class='c1 c2'></div> obj.style.font-size ='16px'; 阅读全文
posted @ 2021-01-15 16:50 安好_世界 阅读(92) 评论(0) 推荐(0)
摘要:javascript面向对象 function foo(){ var xo='name'; } foo() function Foo(n){ this.name=n; } var obj = new Foo('we') a.this代指对象(python self) b.创建对象时,new 函数() 阅读全文
posted @ 2021-01-15 14:40 安好_世界 阅读(69) 评论(0) 推荐(0)
摘要:查找 直接查找 var obj=document.getElementById('i1') 间接查找 innerText 仅文本 innerHTML 全部内容 value input value获取当前标签中的值 select 获取选中的value值(selectedIndex ) textarea 阅读全文
posted @ 2021-01-15 14:39 安好_世界 阅读(72) 评论(0) 推荐(0)
摘要:javascript: 1. for循环 while循环 2.条件 if(){}else if(){} else{} == switch(name){ case:'1'; console.long(123;) break; case:'2'; console.long(456;) break; de 阅读全文
posted @ 2021-01-06 18:01 安好_世界 阅读(88) 评论(0) 推荐(0)