再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流浪所设置的 通常解决方法是给一个交互事件： 标签: audio loop src=/photo/aa...
网站建设
html中的绝对路径URL和相对路径URL及子目录、父目
绝对URL用于表示Internet中特定文件所需要的全部内容，Internet中的每一个文件都有一个唯一的URL，这就是在网页中搜索时需要输入到地址栏的连接。 例如，要进入百度一下的网页，则在网...
Html5监听手机摇一摇事件的实现
MDN地址： https://developer.mozilla.org/zh-CN/docs/Web/API/DeviceMotionEvent/DeviceMotionEvent 下面为vue实现代码 template div id=Shake van-popup v-model=show div class=ad-box span class=skip-ad @click=hideAD跳过广告({{time}})/...
在js或css后加?v= 版本号不让浏览器缓存
复制代码 代码如下: span style="font-size:14px;"css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） script type=text/javasc【文章出处:香港多ip服务器 复制请保留原URL】ript src=jb51.js?vers...
Canvas环形饼图与手势控制的实现代码
首先上一下效果图： 左右的箭头和下方的标注以及环形图本身都可以控制环形图的选中状态。 首先讲一下思路： 布局很简单，我就不写了，主要讲下作图过程。 首先跟图需求可以知道...
HTML的结束标签问题与w3c标准
根据w3c的原则，xml的每个开始标签必须有一个结束标签与之对应，也就是html必须要有/html结束，才是一个完整的元素，除非它是一个【本文来源：bgp服务器 欢迎转载】自封闭标签，自封...
iframe跨域的几种常用方法
背景 随着业务的发展，自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同，所以这个公共组件就不能方便地被引用了。为解决...
在HTML里为FLASH加链接并兼容各大浏览器的方法
先看代码 复制代码 代码如下: div style="【原创作者：http://www.1234xp.com/tw.html网络转载请说明出处】position:relative; width:[flash的宽]px; height:[flash的高]px;" a href="填写链接地址" target="_blank" st...
HTML5实现无刷新修改URL的方法
前言 今天在做一个vue的搜索功能，需要从搜索结果页面跳转到细节页面，然后点击返回还能返回到刚刚的结果页面，如果只用 window.history.go(-1) 当然会重新刷新搜索页面，当然是不行的...
今天遇到了很奇葩的li a的点击问题自己解决的
是这样的，今天我本来要做一个弹窗， 后台php【本文由：http://www.1234xp.com/st.html提供，感谢】交给我的任务，对于这样的问题与我来说已经很简单了，因为做的已经不下于三遍了，关键...
5分钟实现Canvas鼠标跟随动画背景
关于Canvas制作炫酷背景，我会在git上不定时去更新，并会附上详细的解析，如果有喜欢的话，可以到git上瞧瞧 gitHub传送门 前言 相信很多前端小白都看过这样的背景动画，也好奇如何去...
用DIV遮罩解决鼠标直接勾选checkbox无效的问题
在前端开发的过程中，遇到一种情况，需要勾选，为了用户的操作便捷就将click事件放到了DIV上。（其中使用了knockout.js） 代码大概如下： 复制代码 代码如下: div id="one" data-biind="click:...
如何给HTML标签中的文本设置修饰线
text-decoration属性介绍 text-decoration 属性是用来设置文本修饰线呢， text-decoration 属性一共有4个值。 text-decoration属性值说明表 值 作用 none 去掉文本修饰线 underline 设置下划线 overline 设置...
用CSS对TD中INPUT的宽度设置
最近在用C#做Web程序时，碰到一个问题： 将TextBox的asp控件放在Table中的TD里面时，不设置宽度，自动会将TD撑的很大。 查看运行后页面的源代码发现，其实TextBox控件最终在客户端显示的...
Html5之自定义属性(data-,dataset)
定义 H5为我们提供了以 data- 为前缀定义需要的属性即可设置自定义属性 div id=box1 data-name=Musk/divdiv id=box2 data-full-name=Elon Musk/div 获取 使用H5自定义属性对象dataset来获取 let box1 = document.g...
Html Select 使用selected属性设置默认选择项
给某个option 添加 selected = selected 属性就是默认选项 如： 复制代码 代码如下: select id="isAudit" name="i【来源：自由互联：http://www.yidunidc.com/usa.html 欢迎留下您的宝贵建议】sAudit" option valu...
移动端html5判断是否滚动到底部并且下拉加载
如何判断滚动是否滚动到了底部? 首先要了解的知识 scrollHeight , clientHeight , scrollTop scrollHeight 只读属性,高度包括所有内容，包含内边距，但不把水平滚动条、边框和外边距算在内。 cl...
在网页上调用桌面exe程序的简单方法
本文主要介绍在网页上如何调用桌面exe程序。 网页代码如下： 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns=...
HTML5 weui使用笔记
按钮 a href=javascript:; class=weui_btn weui_btn_primary按钮-确定-可用/aa href=javascript:; class=weui_btn weui_btn_disabled weui_btn_primary按钮-确定-不可用/aa href=javascript:; class=weui_btn weui_btn_warn按钮-警告-可用...
meta标签中的viewport控制设备屏幕css
复制代码 代码如下: meta name="viewport" content="【文章出处:香港多ip服务器 复制请保留原URL】width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" width-viewport的宽度 hei...
通过canvas转换颜色为RGBA格式及性能问题的解决
转换任意颜色为RGBA格式 前端编程过程中，经常会遇到要把各种颜色格式（比如 red、#F00、#FF0000等）转换成RGBA格式，搜索网络也可以发现一堆的解决方案： 此处介绍一种方法： 通过c...
html借助marquee实现文字左右滚动
复制代码 代码如下: BODY //借助于marquee MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" SPAN unselectable="on"这里是要滚动的内容...
五分钟学会HTML5的WebSocket协议
1、背景 很多网站为了实现推送技术，所用的技术都是Ajax轮询。轮询是在特定的的时间间隔由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的...
单选按钮、多选按钮用图片实现加样式
之前一直看到有人在问，单选按钮和多选按钮怎么加样式、怎么把按钮变大？下面把我做的一个例子分享出来。 1.首先把按钮做成图片 2.html页面 复制代码 代码如下: !DOCTYPE HTML html head...
使用数据结构给女朋友写个Html5走迷宫游戏
先看效果图(在线电脑尝试地址http://biggsai.com/maze.html)： 起因 又到深夜了，我按照以往在 公众号 写着数据结构！这占用了我大量的时间！我的超越妹妹严重缺乏陪伴而 怨气满满！ 超越...
HTML中禁用表单控件的两种方法readonly与disabled
在网页的制作过程中，我们会经常使用到表单。但是有时候我们会希望表单上的控【本文来源：高防服务器 转载请保留连接】件是不可修改的，比如在修改密码的网页中，显示用户名的...
HTML5 Blob 实现文件下载功能的示例代码
原理其实很简单，就是将文本或者JS字符串信息（即后台返回来的在服务器上没有具体路径的动态文件，如导出数据功能）借助Blob转换成二进制，然后，作为 a 标签的 href 属性，配合...
Button的四种Click响应方法汇总
Button用得挺多的，在这整理了下它的事件处理方法，发现实现方法还不少，我比较喜欢第二种，你呢，最常用哪一种? 实现一： 复制代码 代码如下: Button bt_Demo = (Button)findViewById(R.id.bt...
web字体加载方案优化小结
一般来说，开发者对网页字体使用会相对接触比较少一些，使用最多也无非是 font-family ，以及可能会加载几个网络字体。 @font-face { font-family: 'family-name'; src: url('${url}');}.main { font-famil...
关于分割线 hr 在各浏览器中的差异
在做页面是有时候会用到分割线 hr，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr。 首页我们先了解下 hr 在各浏览器下的差异，如下表格： 比如想创建一个实...
H5页面适配iPhoneX(就是那么简单)
iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注...
HTML实现简单计算器附详细思路
复制代码 代码如下: !DOCTYPE html html meta name="content-type" content="text/html; charset=UTF-8" head titleCalculator/title !--将按键内容以字符串形式存储在文字框中当按钮为=时，调用eval方法计算结果然后...
HTML5 3D旋转相册的实现示例
前一段时间，突然看到一个炫酷的3D旋转相册，这里记录一下，先看效果图： HTML5 代码如下： !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleHTML5 3D旋转图片相册 可鼠标悬停/titlestyle text=text/...
HTML打折计算价格实现原理与脚本代码
复制代码 代码如下: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html meta http-equiv="content-type" content="text/html; charset=UTF-8" head title打折后价格计算/title !-- 设置计算价格事件函数，取不同...
html5自定义video标签的海报与播放按钮功能
一、问题 1.默认播放按键不好看 2.设置自定义封面图 以上这两点都想自定义 二、思路 1.使用div把video标签盖住 2.div中显【来源：美国cn2服务器 转载请说明出处】示自定义的海报图片与...
a标签的target链接指向iframe的方法
复制代码 代码如下: iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0" style="width:200px; height:150px; "/iframe a href="../ashx/Print2DCodeImage.ashx?codeInfo=Demo123" target="myFrameName" 打印二维码/a 上面...
Html5写一个简单的俄罗斯方块小游戏
导言 在一个风和日丽的一天，看完了疯狂HTML 5+CSS 3+JavaScript讲义,跟着做了书里最后一章的俄罗斯方块小游戏，并做了一些改进，作为自己前端学习的第一站。 游戏效果： 制作思路 因为...
base target=＂＂控制链接的目标打开框架
base target=_blank是将基本链接的目标框架都改为新页打开，如果对HTML、CSS和JS不是很熟悉，不建议使用这种方法，改为独立控制。 其实a、form等很多标签都支持target=black的属性，建议在这...
HTML5 图片悬停放大的实现代码示例
图片悬停放大效果： HTML5 代码如下： !DOCTYPE htmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleCSS3图片悬停放大动画/title link rel=stylesheet href=css/image-hover.css type=text/css link rel=...
使用overflow: hidden来禁用页面滚动条
复制代码 代码如下: html { overflow: hi【本文出处:国外高防服务器 复制请保留原URL】dden; } body { overflow: hidden; } 在IE6，7下需要设置html有效，在其它标准浏览器下设置body就可以...
VSCode 自定义html5模板的实现
（一）新建html快捷键 当我们想在VSCode中新建html代码时，可以 输入! 然后回车或者Tab即可自动生成一个html文件模板，效果如下： （二）自定义html5模板 但我们每次新建html模板时候，总...
如何使用图片按钮作为重置(reset)表单按钮
我们在做表单的时候往往会设置一个提交按钮和一个重置按钮，有时可能会为了页面的好看而使用一些小图片来代替这些按钮，对于提交按钮使用图片的方法非常简单，相信大家都会。...
处理textarea中的换行和空格
当我们使用 textarea 在前台编辑文字，并用 js 提交到后台的时候，空格和换行是我们最需要考虑的问题。在textarea 里面，空格和换行会被保存为 /s 和 /n ，如果我们前台输入和前台显示的...
插入表单form上下都会空出一行的解决方法
不知道大家在网页制作的时候有没有发现，在插入表单form后，往往在form的上下都会空出一行，这样一来网页的排版就很难看了，所以今天就教大家解决插入表单form出现空行的方法。 其...
关于html字符串正则判断和匹配的具体使用
前言 最近在写一个组件，需要传入html字符串，里面用到了很多正则来判断是否是html标签或者匹配标签内的文本等，这里记录下。 如何判断传入的字符串包含一个闭合html标签 /\/?[a-z]...
超链接的宽度和高度直接设置不起作用的解决方
直接用width和height不行 加display:block;或者display:inline-block; 把它修改成块状属性，就ok了【原URL http://www.yidunidc.com/sin.html 转载请说明出处】...
吃透移动端 1px的具体用法
最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素 。 通过阅读下面文章，你将会理解以下...
html下拉菜单提交后保留选中值而不返回默认值
复制代码 代码如下: html body ?php // 获取select值 $select_value = isset($_GET['select']) ? $_GET['select'] : ''; ? form action="?" select name="select" option【本文转自：游戏服务器 转载请保留连接】 value=""defa...
HTML文本属性&颜色控制属性的实现
一、文本装饰的属性 1.格式：text-decoration:underline; 2.取值： （1）underline代表下划线 （2）line-through代表删除线 （3）overline代表上划线 （4）none代表什么格式都没有（默认是这个属性）...
html用style添加属性示例
在需要的连接添加行内样式： 复制代码 代码如下: a href="ddrb/090630.asp" targ【文章来自：http://www.yidunidc.com/gfcdn.html 欢迎留下您的宝贵建议】et="_blank" style="text-decoration:underline;"30/a...