- 博客(19)
- 收藏
- 关注
RSS订阅原创 javascript函数基础题
1,计算房贷每月还款<script> // 1. 输入 // 1.1. 输入 贷款金额 let money = prompt('请输入贷款金额(万)') // 1.2. 输入 贷款年限(年) let year = prompt('请输入贷款年限(年)') // 2. 计算 封装函数 x 接受 贷款金额 y 接受 年限 function getMoney(x, y) {
2021-05-01 22:23:22
297
原创 javascript DOM--时间对象--定时器函数-基础题
**1,页面随机变化背景需求：每次刷新页面背景图片都会随机生成**2,自动变化当前
2021-05-01 22:23:12
297
2
原创 Javascript事件监听-回调函数-基础题
1,关闭二维码2,验证码倒计时3,随机点名4,tab栏切换5,百度换肤效果6,切换图片循环7,开关灯<-------------------------------------------参考答案-------------------------------------------->1,关闭二维码<script> //获取元素 let erw = document.getElementById('erw') l
2021-05-01 22:23:01
905
原创 javascript封装-DOM时间基础题
目录标题1,封装时间对象2,焦点图-轮播图 练习3,新浪下拉菜单4,京东导航栏5,关闭二维码1,封装时间对象主要练习封装.事件自己变化即可<script> //获取元素 let body = document.body //月份,天数,如果是个位数需要补零所以单独用个函数封装,调用 function fu(x) { let num = x < 10 ? '0' + x : x return num } //
2021-05-01 22:22:40
153
原创 javacript DOM节点练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { .
2021-05-01 22:22:31
104
原创 javascript 延迟函数 DOM
文章目录手机验证码案例选择按钮实践手机验证码案例<!DOCTYPE html><html lang="en"><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"&
2021-05-01 22:22:20
171
原创 javascript 正则表达式--表单事件 注册页面练习
注册页面练习// 书写JS的文件// 1、引入新的JS文件window.onload = function () {// 2、添加加载事件，页面加载完成之后 // 注意：失去焦点，给对应的span添加类名 // 并且，给span中添加i（带有类名）标签，还有提示内容 // 3、获取元素 var tel = document.getElementById('tel'); var qq = document.getElementById('qq'); var nc = document.g
2021-04-29 15:11:29
464
原创 javascript BOM DOM 练习题 案例 -本地文件读取-图片加载-页面移动-手风琴
文章目录1 , 元素到可视窗口加载,不能一打开页面全部加载2 , 键盘控制移动3 , 手风琴效果1 , 元素到可视窗口加载,不能一打开页面全部加载<script> // 1,监听事件: scroll事件 // 2, 动态的知道盒子的位置 // 获取视口的高度 let docHeight = document.documentElement.clientHeight // 3, 控制 img 的 src (
2021-04-29 15:11:20
314
原创 DOM - BOM - 拖拽 - 拖拽文件到页面
文章目录1 , 拖拽2 , 鼠标移动显示坐标3 , 把外部图片拖拽到元素显示4 , 元素自动跟随鼠标移动1 , 拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
2021-04-29 15:11:14
175
原创 JavaScript - 对象拷贝 - 浅拷贝 - 深拷贝
文章目录1 , 浅拷贝2 , 深拷贝1 , 浅拷贝使用方法<script>let obj = { uname: '阿飞', age: 22,}let newObj = {}//有方法能实现浅拷贝Object.assign(newObj, obj)//打印console.log( obj )console.log( newObj )</script>使用循环let obj = { uname: '阿飞', age: 22,
2021-04-29 15:10:50
78
原创 jQuery 基础案例
1 , 多场景登录<script src="./jquery/jquery-3.5.1.min.js"></script> <script> $('.multi-type a').on('click', function () { //添加上类名,然后找到所有兄弟元素让兄弟元素删除类名 $(this).addClass('active').siblings().removeClass('active') //让盒子显示
2021-04-29 15:10:43
174
原创 jQuery 基础-动画-事件
1 , 自动播放效果<script> // 递归 function tween() { // 循环文章消息效果 // 获取第一个盒子 let first = $('.wbdesc').children().first() //找到第一个子元素 // 让元素向上走动位置 $('.wbdesc').css('top', -first.outerHeight()) // 动画 $('.wbdes
2021-04-29 15:10:34
101
原创 Ajax - 基础练习题 - 01
1, 随机笑话// 准备开关,控制请求,只有等这次加载完成之后才能发送下次请求 // 默认发送请求 let flag = true // 1, 找到按钮, 加点击事件 $('.getJoke').on('click', function () { if (flag) { // 代表现在要发请求了,把开关关掉 // 只允许我这一个请求存在 flag = false // 提示用户加载中
2021-04-29 15:10:10
684
原创 Ajax - 基础练习 - 02
文章目录1, 天气查询 - json版2 , 操作 XML数据 - 原生js版3 , 操作 XML数据 - jquery版4 , 天气查询 - xml版5 , 天气预报查询案例6 , 自动回复机器人1, 天气查询 - json版// 两个地方要用所以封装函数 function arr() { // 拿到文本框输入的城市 let city = $('#city').val().trim() // 非空判断 if (city
2021-04-29 15:10:02
76
原创 Ajax - 基础练习 - 03
文章目录1 , 新闻列表1 , 新闻列表<!DOCTYPE html><html lang="en"><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" /&
2021-04-29 15:09:51
79
原创 Ajax - 基础练习 - 03 __页面管理
文章目录1, 页面管理接口准备2 , 页面管理 - 登录3 , 页面管理 - 首页数据加载4 , 页面管理 - 新增页面5 , 页面管理 - 删除英雄6 , 页面管理 - 编辑英雄1, 页面管理接口准备把接口部署到自己的电脑上，相当于让自己的电脑变成服务器好处：以后不联网也可以发请求访问先要给自己电脑安装node.jswin7只支持最新的版本是10.x建议不要修改安装路径，就下一步下一步直到安装完成就行了，免得后面学node的时候有bug就算你觉得你hold住bug，那么要改安装路径
2021-04-29 15:07:43
84
原创 javascript轮播图-焦点图
焦点图，轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>QQ音乐轮播图</title> <style> .main { width:
2020-12-30 21:56:18
280
原创 javascript循环基础练习题
1,打印0-20之间的整数, 将每个数输出到控制台for (let i = 0; i <= 20; i++) { document.write(第一个数是${i}<br>) }2,用户输入第1个数, 用户再次输入第2个数 ，请将这2个数之间的整数打印出来let star = prompt('请输入第一个数:')let end = prompt('请输入第二个数:')for (let i = star; i <= end; i++) { document.
2020-12-24 11:26:18
4858
原创 javascript数组基础练习题
练习1: 使用for循环 - 求出数组元素的和 [3, 9, 9, 2, 7, 5]//循环实现/* let arr = [5, 8, 9, 2, 1, 5] let sum = 0 for (let i = 0; i < arr.length; i++) { sum += arr[i] } console.log(sum); */ // 套函数实现 function ayy(
2020-12-24 11:25:45
4812
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人