![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
常同學
发现问题,解决问题,就是在进步
展开
-
JavaScript获取当前页面地址
window.location.href console.log(window.location.href) //返回当前页面的 href (URL)window.location.hostnameconsole.log(window.location.hostname)//返回(当前页面的)因特网主机的名称。例 blog.csdn.netwindow.location.pathnameconsole.log(window.location.pathname)//返回当前页面的路径名。w原创 2021-08-04 11:40:48 · 1122 阅读 · 0 评论 -
对图片进行懒加载
这里使用的是jQuery.lazyload.js的一个插件,需要引入下边://这里本人用到了vue,实际开发中根据自己的需要<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><script src="https://cdn.bootcss.com/jquery/3.2.1...原创 2019-07-21 19:57:02 · 234 阅读 · 0 评论 -
H5页面有多个倒计时的解决办法
这里用到了vue中的Vue.set(),实现数据动态响应。具体用法可以参考Vue.set()实现数据动态响应<body> <div id="app" v-cloak> <div v-for="item in orders">{{item.time}}</div> </div> <script src="http...原创 2019-07-27 11:21:43 · 766 阅读 · 0 评论 -
关于Html5做App(webapp)中界面适配的问题
在采用rem作为大小单位的同时通过JS根据屏幕大小计算出一个合适的数值赋值给当前的html即可。然后全文设置字体大小或控件大小时使用rem作为单位。也可以配合百分比设置控件大小。这样一来基本上可以根据屏幕尺寸完美缩放自己的界面了。 <script> window.onload = function() { //会在页面或图像加载完成后立即发生 var fontSize = ...原创 2019-07-25 18:13:52 · 303 阅读 · 0 评论 -
H5获取系统版本和手机型号
这里需要引入三个js文件jquery.js,mobile-detect.js,code.js。需要引入以下js <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <script src="mobile-detect.js"></script> <...原创 2019-11-27 13:51:20 · 6069 阅读 · 0 评论 -
H5判断浏览器环境
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-s...原创 2019-11-29 16:55:42 · 810 阅读 · 1 评论 -
H5根据后台列表接口,进行分页加载数据
要实现这样一个功能:有一个列表页,因为数据过多,每一页会显示十条数据,当点击加载更多的时候加载下一页的十条数据,直到全部加载完(后台返回的数据)。引入外链资源 <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link rel="stylesheet...原创 2019-12-10 14:17:46 · 976 阅读 · 0 评论 -
H5获取手机验证码
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-s...原创 2019-12-10 14:46:03 · 3019 阅读 · 0 评论 -
H5打开新窗口与页面跳转的几种方法
1、window.location.href=URL : 在本窗体打开一个新的页面,也是最常用的一种方法;2、window.open(URL) : 在一个新的窗口打开一个新的页面;3、location.replace(URL) :本窗口的页面被替换为一个新的页面URL,替换后不可以回退到上个页面;4、localtion.assign(URL) :本窗口的页面转为为一个新的页面URL,与上...原创 2019-12-20 18:01:25 · 25676 阅读 · 2 评论 -
H5图片压缩上传jquery.imagecompress.js
图片压缩后上传这里用到了一个插件,使用起来很方便,更能达到我们的要求地址:jquery.imagecompress.js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, i...原创 2020-02-25 16:13:03 · 843 阅读 · 0 评论 -
H5页面在支付宝内获取淘宝地址(完整代码)
效果图//引入jsAPI的功能js<script src="https://as.alipayobjects.com/g/component/antbridge/1.1.1/antbridge.min.js"></script>//收货地址需要引入这个额外JS<script src="https://publicexprod.alipay.com/deliveraddress/selectAddress.js"></script>//选取收货地址原创 2020-05-28 16:58:27 · 2186 阅读 · 13 评论 -
H5微信打开后引导用户去浏览器
效果图素材1+素材2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> <script sr原创 2020-12-16 15:45:25 · 5039 阅读 · 1 评论