![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
忆成风
没有什么岁月静好,只是有人为你负重前行!
展开
-
HTML全局属性
accesskey 规定激活元素的快捷键。 class 规定元素的一个或多个类名(引用样式表中的类)。 contenteditable 规定元素内容是否可编辑。 contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 data-* 用于存储页面或应用程序的私有定制数据。 dir 规定元素中内容的文本方向。 drag...原创 2018-10-19 11:07:42 · 165 阅读 · 0 评论 -
setTimeout用法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>setTimeout方法</title> <script type="text/javascript" src="js/jquery-3.1.1原创 2018-11-02 00:04:54 · 1515 阅读 · 0 评论 -
select下拉框处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>select下拉框</title> <script type="text/javascript" src="js/jquery-3.1.1.mi原创 2018-11-02 00:30:04 · 176 阅读 · 0 评论 -
文本过长以省略号的形式显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文本过长以省略号的形式显示</title> <script type="text/javascript" src="js/jquery-3.1.1原创 2018-11-02 14:29:03 · 401 阅读 · 0 评论 -
div的添加和删除及相关操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>div的添加和删除及相关操作</title> <script type="text/javascript" src="js/jquery-3.1.原创 2018-11-02 15:24:22 · 840 阅读 · 0 评论 -
Js中值的空与非空判断
//判断字符是否为空function isEmpty(obj){ return (typeof obj === 'undefined' || obj === null || obj === "");}function isEmpty(str){ if(str != null && trim(str).length > 0){ return false; }...原创 2018-11-21 17:55:10 · 28436 阅读 · 9 评论 -
获取标签id
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取标签id</title> <script type="text/javascript" src="js/jquery-3.1.1.min.j原创 2018-11-24 11:50:30 · 1251 阅读 · 0 评论 -
循环操作class相同的Div
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>循环操作class相同的div</title> <script type="text/javascript" src="js/jquery-3.1原创 2018-12-01 14:05:55 · 2726 阅读 · 1 评论 -
浏览器距离
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>浏览器距离</title> <script type="text/javascript" src="js/jquery-3.1.1.min.js&原创 2018-12-30 14:26:32 · 157 阅读 · 0 评论 -
js随机颜色生成
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>随机颜色生成</title> <script type="text/javascript" src="js/jquery-3.1.1.min.j...原创 2019-04-12 14:51:40 · 773 阅读 · 0 评论 -
css属性渐变色的处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>渐变色</title> <style type="text/css"> .one{ width: 200px; height: 200px; floa...原创 2019-05-15 14:42:23 · 919 阅读 · 0 评论 -
图片放大镜效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片放大镜效果</title> <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script&g...原创 2019-05-16 17:39:32 · 253 阅读 · 0 评论 -
html剪切板功能实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>剪切板功能</title> <script type="text/javascript" src="js/clipboard.js"></script> <s...原创 2019-06-21 15:49:41 · 2529 阅读 · 2 评论 -
js的indexOf用法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>indexOf用法</title> </head> <body> <script type="text/javascript"> var s...原创 2019-08-07 11:50:20 · 314 阅读 · 0 评论 -
html中的block,inline,inline-block
display:block1.block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。2.block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。3.block元素可以设置margin和padding属性。display:inline1.inline元素不会独占一行,多个相邻的行内元素会排列在同一...原创 2018-11-01 17:34:42 · 7399 阅读 · 0 评论 -
html中,class的添加和删除操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html中,class的添加和删除操作</title> <script type="text/javascript" src="js/jquer原创 2018-11-01 16:54:36 · 4882 阅读 · 0 评论 -
js生成随机字符串
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js生成随机数</title> <script type="text/javascript" src="js/jquery-3.1.1.min.原创 2018-11-01 13:51:54 · 2925 阅读 · 0 评论 -
Window 事件属性
onafterprint script 文档打印之后运行的脚本。 onbeforeprint script 文档打印之前运行的脚本。 onbeforeunload script 文档卸载之前运行的脚本。 onerror script 在错误发生时运行的脚本。 onhaschange script 当文档已改变时运行的脚本。...原创 2018-10-22 09:12:34 · 1646 阅读 · 0 评论 -
Form 事件
onafterprint script 文档打印之后运行的脚本。 onbeforeprint script 文档打印之前运行的脚本。 onbeforeunload script 文档卸载之前运行的脚本。 onerror script 在错误发生时运行的脚本。 onhaschange script 当文档已改变时运行的脚本。...原创 2018-10-22 09:14:11 · 199 阅读 · 0 评论 -
Keyboard 事件
onkeydown script 在用户按下按键时触发。 onkeypress script 在用户敲击按钮时触发。 onkeyup script 当用户释放按键时触发。原创 2018-10-22 09:15:36 · 676 阅读 · 0 评论 -
Mouse 事件
onclick script 元素上发生鼠标点击时触发。 ondblclick script 元素上发生鼠标双击时触发。 ondrag script 元素被拖动时运行的脚本。 ondragend script 在拖动操作末端运行的脚本。 ondragenter script 当元素元素已被拖动到有效拖放区域时运行的脚本。...原创 2018-10-22 09:16:20 · 9175 阅读 · 1 评论 -
Media 事件
onabort script 在退出时运行的脚本。 oncanplay script 当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。 oncanplaythrough script 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。 ondurationchange script 当媒介长度改变时运行的脚本。 onemp...原创 2018-10-22 09:17:36 · 370 阅读 · 0 评论 -
each循环数组
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;each循环数组&lt;/title&gt; &lt;scrip原创 2018-10-31 20:46:53 · 1240 阅读 · 0 评论 -
js添加html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>添加 HTML</title> <script type="text/javascript" src="js/jquery-3.1.1.min.原创 2018-11-01 00:26:14 · 8367 阅读 · 0 评论 -
自定义标签属性值
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义标签属性值</title> <script type="text/javascript" src="js/jquery-3.1.1.min原创 2018-11-01 00:28:40 · 230 阅读 · 0 评论 -
自定义按钮
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义按钮</title> <script type="text/javascript" src="js/jquery-3.1.1.min.js&原创 2018-11-01 00:29:51 · 111 阅读 · 0 评论 -
html鼠标指针设置
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>鼠标指针设置</title> <style type="text/css"> * { margin: 0px;原创 2018-11-01 00:30:32 · 2528 阅读 · 0 评论 -
贪吃蛇
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>贪吃蛇</title> <style> #container { width: 1000px; m原创 2018-11-01 00:31:31 · 178 阅读 · 0 评论 -
html自定义属性及相关操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义属性</title> <script type="text/javascript" src="js/jquery-3.1.1.min.js原创 2018-11-01 11:38:09 · 3307 阅读 · 0 评论 -
table-cell用法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>table-cell</title> <link rel="stylesheet" href=""/> <script type="text/javascript" sr...原创 2019-09-23 16:12:13 · 11575 阅读 · 0 评论