随笔分类 - Web API
摘要：1. 禁止鼠标右键菜单 contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的上下文菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); }) 2. 禁止鼠标选中（selec
阅读全文
摘要：什么是DOM？ 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。 W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。 ① 对于JavaScript，为了能够使Java
阅读全文
摘要：<script> // 1. 先准备好学生的数据 var datas = [{ name: '张三', subject: 'JavaScript', score: 100 }, { name: '李四', subject: 'JavaScript', score: 98 }, { name: '王五
阅读全文
摘要：<textarea name="" id=""></textarea > <button>发布</button> <ul></ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); var text = document
阅读全文
摘要：<script> // 1. 获取元素 var nav = document.querySelector('.nav'); var lis = nav.children; // 得到4个小li // 2. 循环注册事件 for (var i = 0; i < lis.length; i++) { l
阅读全文
摘要：①Tab栏切换有2个大的模块 ②上面的选项卡模块，点击某一个，当前这个底色会是红色，其余不变（排他思想），用修改类名的方式 ③下面的模块内容，会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面 ④规律：下面的模块显示内容和上面的选项卡一一对应相匹配。 ⑤核心思路：给上面的tab_list里面的
阅读全文
摘要：① 全选和取消全选做法：让下面所有复选框的checked属性（选中状态）跟随全选按钮即可 ② 下面复选框需要全部选中，上面全选才能选中做法：给下面所有复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没选中的，如果有一个没选中的，上面全选按钮就不选中。 <script> // 1. 全
阅读全文
摘要：<script> // 1. 获取元素，获取的是tbody里面所有的行 var trs = document.querySelector('tbody').querySelectorAll('tr'); // 2. 利用循环绑定注册事件 for (var i = 0; i < trs.length;
阅读全文
摘要：<ul class="baidu"> <li><img src="images/1.jpg"></li> <li><img src="images/2.jpg"></li> <li><img src="images/3.jpg"></li> <li><img src="images/4.jpg"><
阅读全文
摘要：精灵图的每个小图标的坐标都是有规律的。 <script> // 1. 获取元素，所有的小li var lis = document.querySelectorAll('li'); for (var i = 0; i < lis.length; i++) { // 让索引号乘以44就是每个小li的背景
阅读全文
摘要：<img src="images/s.gif" alt=""> <div>上午好</div> <script> // 根据系统不同时间来判断，所以需要用到日期内置对象 // 利用多分支语句来设置不同的图片 // 需要一个图片，并且根据时间修改图片，就需要用到操作元素src属性 // 需要一个div元
阅读全文
摘要：1. Web APIs阶段与JavaScript语法阶段的关联性是什么？JS基础学习的是ECMAScript基础语法，Web APIs是JS的应用，大量使用JS基础语法做交互效果。 2. 什么是API？API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能，不用纠结内部如何实现。 3. 什
阅读全文
浙公网安备 33010602011771号