Web-API
关注
分享
扫一扫
Sherry Lupus
21岁就认定的事情，就算到了81岁也还能坚持。
展开
-
【Web】Web-API（No.66）点击更换背景图片
点击更换背景图片需要素材点击图片联系我或私信、评论效果图<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>点击更换背景图片</title> <script> onload = f...原创 2019-08-14 13:05:04 · 629 阅读 · 0 评论 -
【Web】Web-API（No.70）实现随机点名系统
实现随机点名系统需要素材点击图片联系我或私信、评论<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>随机点名系统</title> <style> body{ ...原创 2019-08-14 13:06:06 · 846 阅读 · 0 评论 -
【Web】Web-API（No.69）下课倒计时-自动播放下课铃声
下课倒计时-自动播放下课铃声需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title> <script src="common.js"></s...原创 2019-08-14 13:05:50 · 419 阅读 · 0 评论 -
【Web】Web-API（No.68）获取当前时间并格式化
获取当前时间并格式化需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设置时间</title> <script src="common.js"></scrip...原创 2019-08-14 13:05:34 · 395 阅读 · 0 评论 -
【Web】Web-API（No.67）定时器实现星星闪烁
定时器实现星星闪烁需要素材点击图片联系我或私信、评论效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>一闪一闪亮晶晶</title> <style> * { ...原创 2019-08-14 13:05:19 · 317 阅读 · 1 评论 -
【Web】Web-API（No.65）事件
事件需要素材点击图片联系我或私信、评论事件：触发-响应机制Event接口表示在DOM中发生的任何事件，一些是用户生成的（例如鼠标或键盘事件），而其他由API生成。事件三要素事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程序:事件触发后要执行的代码(函数形式)事件的基本使用var box = document.getElementById...原创 2019-08-13 11:12:08 · 199 阅读 · 0 评论 -
【Web】Web-API（No.64）DOM案例（三）表单验证
表单验证需要素材点击图片联系我或私信、评论效果图index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <style> * { ...原创 2019-08-13 11:11:56 · 514 阅读 · 0 评论 -
【Web】Web-API（No.63）DOM案例（二）随机抽奖
随机抽奖需要素材点击图片联系我或私信、评论效果图index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机抽奖</title> <style> * { ...原创 2019-08-13 11:11:44 · 266 阅读 · 0 评论 -
【Web】Web-API（No.62）DOM案例（一）随机更改盒子透明度
随机更改盒子透明度需要素材点击图片联系我或私信、评论效果图index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随即更改盒子透明度</title> <style> ...原创 2019-08-13 11:11:31 · 291 阅读 · 0 评论 -
【Web】Web-API（No.61）innerText和innerHTML
innerText和innerHTML需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>innerText和innerHTML</title></head><bo...原创 2019-08-13 11:11:20 · 157 阅读 · 0 评论 -
【Web】Web-API（No.60）innerText和textContent
innerText和textContent需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>innerText和textContent</title></head>&l...原创 2019-08-13 11:08:00 · 177 阅读 · 0 评论 -
【Web】Web-API（No.59）自定义属性
自定义属性需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义属性</title></head><body><ul id="uu"> ...原创 2019-08-13 11:07:49 · 151 阅读 · 0 评论 -
【Web】Web-API（No.58）DOM
DOM需要素材点击图片联系我或私信、评论DOM的概念文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方...原创 2019-08-13 11:07:37 · 181 阅读 · 0 评论 -
【Web】Web-API（No.57）BOM
BOM需要素材点击图片联系我或私信、评论BOM的概念BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、...原创 2019-08-13 11:07:25 · 139 阅读 · 0 评论 -
【Web】Web-API（No.56）初识Web API
Web API需要素材点击图片联系我或私信、评论Web API介绍API的概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(...原创 2019-08-13 11:07:08 · 183 阅读 · 0 评论 -
【Web】Web-API（No.71）原生js实现滑动轮播图
原生js实现滑动轮播图需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * {...原创 2019-08-16 10:40:29 · 312 阅读 · 2 评论