03 2022 档案
摘要：jQuery事件 事件注册 //单个事件注册 $("div").click(function(){}); //on()方法绑定一个或多个事件的事件处理函数 //element.on(events,selector,fn); $("div").on(mouseenter:function(){},mo
阅读全文
摘要：常见的JavaScript库 jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto jQuery基本使用 入口函数 //页面DOM加载完成在执行js方式一 $(decoument).ready(function(){ }) //页面DOM加载完成在执行js方式二 $(
阅读全文
摘要：BOM概述 BOM即浏览器对象模型，独立于内容与浏览器窗口进行交互的对象，核心对象是window；缺乏标准，浏览器厂商在各自浏览器上定义，兼容性较差。 页面加载事件 window.onload = function(){} //文档内容完全加载完成触发该事件(包括图像、脚本文件、CSS文件等)，就调
阅读全文
摘要：注册事件（绑定事件） 传统注册方式 on开头，事件唯一（同一个事件只能设置一个处理函数，后覆盖前），如onclick、onmouseover等 方法监听注册方式 w3c推荐 addEventListener()是一个方法 IE9之前不支持，使用attachEvent()代替 同一元素同一事件可注册多
阅读全文
摘要：Web API 定义 Web API 是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM） DOM 文档：一个页面就是一个文档，用document表示 元素：页面中的所有标签都是元素，用element表示 节点：网页中所有内容都是节点（标签、属性、文本、注释等），用node表示 页面
阅读全文
摘要：JS三种书写方式 <!--行内式--> <input type="button" value="点我" onclick="alert('hello word!')"> <!-- 内嵌式 --> <script> alert('hello word!'); </script> <!-- 外部JS --
阅读全文
摘要：html新增 多媒体标签 视频 <video> <source src="" type="video/mp4"> <!--属性：autoplay= "autoplay";(自动播放) controls= "control";(显示播放控件) loop= "loop";(循环播放) preload=
阅读全文
摘要：传统网页布局三种方式 标准流 标签按照规定默认方式排列 浮动 多个块级元素同行显示 /*选择器{float: 属性值}；*/ div{ float: left; /*none(不浮动，默认),left(向左浮动),right(向右浮动)*/ } /*向一边移动直到左边缘或右边缘触及包含块或另一个浮动
阅读全文
摘要：背景 背景色 background-color: transparent; /*transparent(默认透明)*/ 背景图片 background-image: url(图片路径); /*默认平铺*/ /*背景平铺*/ background-repeat: repeat; /*repeat(平铺
阅读全文
摘要：css与html连接 <!--css与html合并--> <style>css</style> <!--css与html分离--> <link href="css文件路径" rel="stylesheet"> 选择器 基础选择器 /*类选择器*/ .intro{} /*选择所有class="intr
阅读全文
摘要：表格 <table><!--表格--> <tr><th>第一行第一列</th><th>第一行第二列</th><th>第一行第三列</th></tr> <tr><td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td></tr> <!--<th></th>为表头单元格，
阅读全文
摘要：文本与换行 <p></p><!--段落标签，换行空格大--> <br><!--强制换行，换行间隔小--> <h1>一级标题</h1> <h2>二级标题</h2> . . . <h6>六级标签</h6> 特殊字符 空格号： ； 小于号：&It; 大于号：>； 和号：&； 人名币：&y
阅读全文
