WebAPI
关注
分享
扫一扫
李晨飞_
一个刚刚学习前端的小白，请大家多多关照
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack自定义配置_自动打开浏览器_默认端口号
src并列处, 新建vue.config.js /* 覆盖webpack的配置 */ module.exports = { devServer: { // 自定义服务配置 open: true, // 自动打开浏览器 port: 3000 } }原创 2021-10-05 14:25:36 · 404 阅读 · 0 评论 -
WebAPI-tab栏切换小案例
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .原创 2021-07-27 17:18:59 · 145 阅读 · 0 评论 -
WebAPI-随机点名小案例
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; } .原创 2021-07-27 17:08:58 · 176 阅读 · 0 评论 -
WebAPI-排他思想
<body> <input type="button" value="点击1"> <input type="button" value="点击2"> <input type="button" value="点击3"> <input type="button" value="点击4"> <input type="button" value="点击5"> <input type="bu.原创 2021-07-27 17:05:50 · 95 阅读 · 0 评论 -
WebAPI（验证码倒计时小案例）
<body> <ul> <li> 手机号: <input type="text"> </li> <li> 验证码: <input type="text" class="verify"> <button id="btn">获取验证码</button> </li> </ul> &l.原创 2021-07-27 17:04:01 · 228 阅读 · 0 评论 -
WebAPI（点击×关闭提示框小案例）
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2021-07-27 16:53:01 · 172 阅读 · 0 评论 -
WebAPI DOM操作文档-日期转换时间戳
<script> //可以获取其他时间的时间戳 let d = new Date() let d = new Date('2000-10-05') console.log(d.getTime()) // 当前时间的时间戳 let dn = Date.now() console.log(dn) </script> ...原创 2021-07-25 23:04:07 · 196 阅读 · 0 评论 -
WebAPI DOM操作文档-显示时间小案例
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2021-07-25 23:01:19 · 97 阅读 · 0 评论 -
WebAPI DOM操作文档-时间日期对象的基本方法
<script> //设置日期对象 let d = new Date() //获取年份 let year = d.getFullYear() console.log(year) //获取月份 let mon = d.getMonth() + 1 console.log(mon) //获取日 let date = d.getDate() .原创 2021-07-25 22:49:33 · 135 阅读 · 0 评论 -
WebAPI DOM操作文档-时间日期对象的创建
<script> //当前时间 let n1 = new Date(); console.log(n1) //2021年 九月 八日 六时六分六秒 let n2 = new Date('2021/9/8 6:6:6') console.log(n2) //2021年 10月 5日 6时 6分 6秒 let n3 = new Date(2021, 10, 05, ..原创 2021-07-25 22:47:35 · 92 阅读 · 0 评论 -
WebAPI DOM操作文档-元素文本内容的操作
修改div标签里面内容 <body> <div id="box">123</div> <script> let div = document.getElementById('box') //修改标签里文字的内容，innerText不能识别标签 div.innerText = '123456' //修改标签里文字的内容，innerHTML能够识别标签 .原创 2021-07-25 22:43:50 · 82 阅读 · 0 评论 -
WebAPI DOM操作文档-随机改变背景颜色小案例
<script> function random() { return Math.floor(Math.random() * (255 - 0 + 1)) + 0 } let red = random() let green = random() let blue = random() document.body.style.background = `rgb(${red},.原创 2021-07-25 22:35:24 · 211 阅读 · 0 评论 -
WebAPI DOM操作文档-标签属性的操作
<body> <input type="button" id="button" value="点击"> <script> //获取id为button的标签 let btn = document.getElementById('button') // 修改属性value值 btn.value = '提交' // 获取value 值 let b = btn.val.原创 2021-07-25 22:31:22 · 137 阅读 · 0 评论 -
WebAPI DOM操作文档-获取节点的方法
<script> // getElementById 获取单个id标签 // getElementsByTagName 获取多个标签的 // 获取id标签 let box = document.getElementById('box') console.log(box) // 获取box下边的多个p标签 let p = box.getElementsByTagName('p'.原创 2021-07-25 22:26:07 · 81 阅读 · 0 评论