- 博客(9)
- 收藏
- 关注
原创 禁止弹窗底部页面滑动解决方案整理
弹窗底部内容不可滑动解决方案整理1.如果弹窗内容不可滑动,仅展示方案一:只需要给弹窗蒙层加上 @touchmove.prevent 即可实现,无兼容性问题方案二:在弹窗蒙层加上touch-action:none; 在iPhone5和ipad上可能会没有效果方案三:打开弹窗时,设置body的overflow属性为hidden并阻止默认事件document.body.style.overflow = 'hidden';var fn = function(e){e.preventDefault()
2021-02-17 20:21:42
1997
1
原创 JS使用中文输出当前系统时间
使用js输出当前系统时间,包括年月日星期时分秒,并且用中文显示出来,大概效果如图所示具体实现的代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...
2019-09-24 20:33:41
1073
原创 js简单运动封装(制作轮播图前准备)
<!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-U...
2019-09-05 21:55:31
173
原创 js实现简单的购物车功能
<!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-U...
2019-09-03 23:14:14
1347
原创 js事件图片切换
通过实现点击上一张,下一张按钮来切换图片,同时显示图片数量以及当前图片是第几张<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
2019-08-26 22:31:40
903
原创 js简易电子时钟
setInterval计时器做一个简易电子时钟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>电子时钟</title> <style> body { back...
2019-08-24 09:43:59
1730
原创 js基础练习(三)
14、数组的冒泡排序function f14(){ var array=[12,8,64,92,27,51,30]; for(var i=0;i<=array.length-1;i++){ var isSort=true; for(var j=0;j<=array.length-1-i;j++){ if(arra...
2019-08-22 23:13:20
3031
2
原创 js基础练习(二)
6、某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原文,输出密文function f6(x){ var a=x%10; var b=parseInt(x/10)%10; var c=parseInt(x/100)%10; var d=pa...
2019-08-22 19:40:45
793
原创 js基础练习(一)
js基础练习(一)1、编写一个函数,计算两个数字的和、差、积、商。要求:使用传参的形式function f1(a,b){ console.log("和"+(a+b)+"差"+(a-b)+"积"+(a*b)+"商"+(a/b));}f1(2,4);f1(5,8);2、编写一个函数,计算三个数字的大小,按从小到大顺序输出function f2(a,b,c){ //默认a<b&...
2019-08-22 15:39:57
1175
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人