javascript
木雷双雄7
这个作者很懒,什么都没留下…
展开
-
求js数组的最大值和最小值的四种方法
给定数组[54,65,43,21,12,34,45,58,97,24],求其最大值和最小值?定义数组var ary = [54,65,43,21,12,34,45,58,97,24];1、字符串拼接法利用toString和join把数组转换为字符串,再和Math的max和min方法分别进行拼接,最后执行eval方法var maxN = eval("Math.原创 2017-03-01 17:50:02 · 15878 阅读 · 0 评论 -
手机端video默认全屏的兼容写法
需求:希望视频播放时可以全屏播放,没有进度条、播放按钮等与系统相关的元素,视频的宽度大于高度,并自动播放浏览器效果展示:实现全屏:苹果全屏兼容,属于文档内全屏playsinline="true"x-webkit-airplay="true"webkit-playsinline="true"安卓全屏兼容,脱离文档全屏,当我退出全屏隐藏video以及外层盒子时,会有短暂...原创 2018-08-20 16:22:44 · 6755 阅读 · 0 评论 -
audio音频兼容性问题小结
我在页面上放一个<audio loop="loop" src="flash/music.mp3" id="media" autoplay></audio>结果苹果微信端、苹果safari、UC浏览器都无法播放,我的华为荣耀8微信及内置浏览器均可播放!首先给微信浏览器做兼容处理:audioAutoPlay('media');function audioAutoPl...原创 2018-08-01 17:27:56 · 2927 阅读 · 0 评论 -
轮播(fade)+左右按钮点击+分页器点击+循环
今天自己写了一个渐隐的轮播效果,记录一下。轮播包括图片结构、左右按钮结构、分页器结构。效果图HTML<div class="container"> <div class="wrap"> <div class="item"> <img src="images/bnimg01.原创 2018-08-01 16:39:46 · 1520 阅读 · 0 评论 -
js获取地址栏上的参数
1、把参数和参数值解析对象内,通过urlParse().参数获取参数值例如:https://www.baidu.com/?id=12345&name=b返回的obj为:{id: "12345", name: "b"}function urlParse() { let url = window.location.search let obj = {} let原创 2017-11-24 10:52:54 · 406 阅读 · 0 评论 -
js扩展Date将时间格式化为"yyyy-MM-dd hh:mm:ss"格式的字符串
扩展Date,将时间转换为指定格式的字符串。例如:当前时间指定格式的格式化:var time1 = new Date().Format("yyyy-MM-dd"); // 2017-11-20时间戳指定格式的格式化var time2 = new Date(1469281964000).Format("yyyy-MM-dd hh:mm:ss"); // 2016-07-23 21原创 2017-11-20 16:20:01 · 8391 阅读 · 0 评论 -
js中对Date日期进行格式化和把日期转换为毫秒数
1、将中国标准时间格式化为(2017-06-06 15:05:04)function formatDateTime(theDate) {var _hour = theDate.getHours();var _minute = theDate.getMinutes();var _second = theDate.getSeconds();var _year = theDate.g原创 2017-06-06 15:23:22 · 27271 阅读 · 2 评论 -
$("#audio").play()报错 not a function
$('#audio').play();报错原因:play()方法属于DOM对象方法,$('#audio')为jquery对象解决办法:将jquery对象转换为DOM对象首先打印jquery对象$('#audio')两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]原创 2017-09-30 10:55:25 · 13344 阅读 · 0 评论 -
getElementsByTagName的详解
今天在看《JavaScript权威指南第六版》根据元素标签获取元素时,有讲到getElementsByTagName返回对象为NodeList,经过测试多个浏览器的运行结果都是HTML集合HTMLCollection。getElementsByTagNamevar tagDiv = document.getElementsByTagName("div");console原创 2017-06-30 09:03:08 · 20665 阅读 · 2 评论 -
jquery点击回车键实现登录效果并默认焦点
最近在做项目登录时,每次都需要点击登录按钮才可以进入相应的页面,给用户一个很不好的体验,所以我就添加使用回车键来实现登录。方法: 登录$(function () { $('#username_txt').focus(); //用户点击按钮 $("#login_btn").click(function () {原创 2017-05-22 13:37:51 · 4184 阅读 · 1 评论 -
Javascript定时器调用有形参的方法
1、问题:定义了一个获取日期的方法,包括判断上下午,但是获取到时间之后,时间是一直不变得,到了下一天不会改,上下午也不会变,所以我打算用定时器来控制一下,但发现方法名不能带有参数,若带参数会一直报错function wecome(truename) { var theDate = new Date(); var _hour = theDate.getHours(); var _year原创 2017-05-02 14:52:08 · 426 阅读 · 0 评论 -
实现AJAX的基本步骤
AJAX(Asynchronous JavaScript and XML):是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这就意味着可以在不重新加载整个网页的情况下,对网页的局部进行更新。实现AJAX的基本步骤:一、创建XMLHttpRequest对象所有现代浏览器(IE7+、Firefox、Chro原创 2017-03-16 14:17:53 · 567 阅读 · 0 评论 -
AJAX请求方式详解
HTTP METHOD:客户端向服务器端发送请求的方式。以下请求方式都可以向服务器传递数据,也可以获取数据。1、GET请求一般应用于从服务器获取数据,如果get请求给服务器传递内容,一般使用url问号传参的方式。2、POST请求一般应用于向服务器推送数据,post请求给服务器传递内容,一般使用请求主体的方式传递给服务器。3、PUT请求一般应用原创 2017-03-21 14:28:18 · 531 阅读 · 0 评论 -
创建XMLHttpRequest对象高级进阶
所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均支持 XMLHttpRequest 对象。语法:var xhr = new XMLHttpRequest();IE浏览器中XMLHttpRequest对象是作为ActiveX控件实现的。IE5和IE6语法:xhr = new ActiveXObject("Microsoft.X原创 2017-03-20 10:35:12 · 633 阅读 · 1 评论 -
javascript获取元素CSS值window.getComputedStyle
获取元素div的height源代码:*{ padding:0; margin:0px;}ul,li{ list-style:none;}#box{ width:100px; height:100px; padding:50px; border:25px solid #0F3; margin:25px; opacity:0.5; filter:alpha(opacity=50); }原创 2017-03-04 19:28:34 · 785 阅读 · 1 评论 -
swiper3实现包含视频的轮播效果
给需要添加视频的slide添加一个特有的类ban_video,来识别需要添加视频的slide。因为我是动态添加video元素的,所以需要给slide添加视频的第一帧图片,避免加载视频带来的轮播空白问题,同时也为了撑开元素。把视频相对定位,覆盖在图片的上面,实现图片到视频的无缝连接。实现视频播放的逻辑:通过判断当前slide(swiper-slide-active)是否包含ban_v...原创 2018-10-24 14:38:09 · 9827 阅读 · 4 评论