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 · 592 阅读 · 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 · 793 阅读 · 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 · 372 阅读 · 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 · 371 阅读 · 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 · 289 阅读 · 1 评论 -
【Web】Web-API(No.65)事件
事件 需要素材点击图片联系我或私信、评论 事件:触发-响应机制 Event接口表示在DOM中发生的任何事件,一些是用户生成的(例如鼠标或键盘事件),而其他由API生成。 事件三要素 事件源:触发(被)事件的元素 事件类型:事件的触发方式(例如鼠标点击或键盘点击) 事件处理程序:事件触发后要执行的代码(函数形式) 事件的基本使用 var box = document.getElementById...原创 2019-08-13 11:12:08 · 178 阅读 · 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 · 483 阅读 · 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 · 251 阅读 · 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 · 267 阅读 · 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 · 140 阅读 · 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 · 157 阅读 · 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 · 124 阅读 · 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 · 157 阅读 · 0 评论 -
【Web】Web-API(No.57)BOM
BOM 需要素材点击图片联系我或私信、评论 BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理, 比如:刷新浏览器、后退、前进、...原创 2019-08-13 11:07:25 · 120 阅读 · 0 评论 -
【Web】Web-API(No.56)初识Web API
Web API 需要素材点击图片联系我或私信、评论 Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(...原创 2019-08-13 11:07:08 · 164 阅读 · 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 · 276 阅读 · 2 评论