爱玺玺

爱玺玺的生活日记本。wx:lb87626

html5播放视频文件兼容方法

各大浏览器厂商兼容格式不一样,那是因为视频格式有版权。

html5音频文件播放样式重写

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<!--

    controls:显示控制界面,一般不用control

chorme谷歌浏览器查看控件属性和方法

QQ图片20180925100708.gif


也可以通过浏览器console调用控件方法

js通过onsubmit返回false禁止表单提交,用于判断表单数据是否填写正确用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta

js禁用onkeydown默认事件实现限制非数字输入

主要原理如果是非数字键直接返回false。

js重写鼠标右键样式 并封装成函数 主要原理就是默认事件函数返回false

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta

js实现拖拽效果并封装成函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta

js获取浏览器可视区域宽度和div宽度

浏览器可视区域宽度

document.documentElement.clientWidth;


div元素宽度

var dragBox=document.getElementById("dragBox");

dragBox.clientWidth

js删除cookie封装函数 必须和创建cookie函数配合才有效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta

js创建cookie封装成函数

//js创建cookie

/**

name:cookie名 value:cookie值 iDay:cookie生命周期

**/

function setCookie(name,value,iDay){

   var oDate=new Date();//创建一个时间对象

   //console.log(oDate);

   //console.l

Powered By Z-BlogPHP 1.4 Deeplue Build 150101

Copyright Your WebSite.Some Rights Reserved.

蜀ICP备11021721号-5