html获取javascript变量值的方法有哪些
html获取javascript变量值有如下三种方法：方法一：嵌入到html句子中,当html元素使用<scriptlanguage="javascript"type="text/javascript"> var df=newDate(); var year=...
2020-12-03
html5跳转小程序wx-open-launch-weapp踩坑
因为IOS最新版微信取消了浮窗功能，小程序后台狠毒用户反馈进入不方便了，目前公众号还支持浮窗，于是需求出来了，浮窗一个H5，在H5中一键打开小程序，阅读文档得知，微信对公众号网页...
2020-12-02
Html5页面点击遮罩层背景关闭遮罩层
今天团队同事接到一个需求，需求是这样的，点击页面按钮弹出红包弹窗，显示黑色遮罩层，点击遮罩层背景和弹窗关闭按钮要关闭弹窗，于是我就做了一个Demo出来，方便以后下次自己再遇到...
2020-12-02
HTML5单选框、复选框、下拉菜单、文本域的实现代码
HTML5单选框、复选框、下拉菜单、文本域 单选框的实例代码，代码如下所示：
1单选框代码：
<input type="radio" name="" id=""> <input type="radio" name=""...
2020-12-02
<meta name=＂applicable-device＂content=＂pc＂>标签属性的详解
百度可以通过基本html特征来判断是否适合无线端浏览:PC站: <meta name="applicable-device" content="pc">手机站： <meta name="applicable-device" content="mobile" />响应...
2020-12-01
Canvas实现放大镜效果完整案例分析(附代码)
本文主要记录 canvas 在图像、文字处理、离屏技术和放大镜特效的实现过程中使用到的API。先看下效果吧：
一张模糊的图片：
鼠标点击任意位置，产生放大效果：
...
2020-11-26
html5实现图片的3D旋转效果
我们先来看一下实现效果：H5旋转3D相册，鼠标放置暂停，图片灰度级为0，有放大效果。该实例运用H5和CSS3动画效果，未用javascript。提高了本人对CSS3 新属性的了解及掌握。完整代码如...
2020-11-26
Html5原生拖拽相关事件简介以及基础实现
公司项目需求，要实现任务卡片在不同任务列表之间进行拖拽实现任务类别的更改。于是找了一下相关文章，稍微学习了一下。实现效果如下图。
拖拽实现
主要用到的是H5...
2020-11-22
关于HTML5+ API plusready的兼容问题
Android平台提前注入5+ API，支持在plusready事件前调用
在5+ Runtime环境中，通常情况下需要html页面解析完成后才会注入5+ API，执行的顺序为：
1. 加载html页面
2. 解...
2020-11-22
HTML有哪些事件属性？
HTML事件属性Window 事件属性针对 window 对象触发的事件。适用于 <body> 标签： 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbef...
2020-11-20
html怎么引入图片
相关属性：<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性：src 和 alt。属性值：举例：img标签中插入的图片宽和高默认是图片自身的宽和高，如果想要自定义宽和高的...
2020-11-17
浅谈HTML img标签中的srcset属性
今天看前辈的代码时，发现img标签有个陌生的srcset属性，如下：<img class="Avatar" src="https://pic3.zhimg.com/8622a8eea_s.jpg" srcset="https://pic3.zhimg.com/8622a8eea_x...
2020-11-17
HTML5设置视频背景的方法介绍
我们常常有着将视频作为网页背景的需要，但是在设置时也经常差强人意，今天设置了一下，可以基本达到要求了，可能有些小细节做的不是太好，希望指出来，一起进步第一步：准备工作工欲善其...
2020-11-17
span是块元素吗？
span不是块元素，而是内联元素（行内元素），主要用于容纳文字。span用于对文档中的行内元素进行组合。span只是把内容定义成一个整体进行操作，不影响布局和显示，而且span没有什么实用...
2020-11-17
通过display或visibility来实现HTML元素的显示与隐藏
需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现，感兴趣的朋友可以了解下本文有些时候我们需要根据某些条件来控制Web页面中的HTM...
2020-11-14
html 空链接 href="#"与href="javascript:void(0)"的区别
#包含了一个位置信息
默认的锚是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首
而javascri...
2020-11-14
html中用href 实现点击链接弹出文件下载对话框
用href 实现文件下载，之前不知道，今天有学会了一招实现点击链接弹出文件下载对话框，感兴趣的朋友可以了解下今天又学了一招，以前不知道，就是做过的东西太少了……
目...
2020-11-14
Html Select 使用selected属性设置默认选择项
Html Select 如何进行默认选择，只要给某个option 添加 selected = selected"属性就是默认选项，下面是示例，希望对大家有所帮助给某个option 添加 selected = "selected" 属性就...
2020-11-14
HTML页面table滚动条的实现
2.table表头固定 3.table列宽自适应 4.table内容不换行主要代码块css： .table-scroll { width: calc(100% - 5px); overflow-...
2020-11-14
几个解决兼容IE6\7\8不支持html5标签的几个方法
html5大行其道的时代已经到来,如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法...
2020-11-14
HTML5仿手机微信聊天界面
给大家带来的是HTML5仿手机微信聊天界面，截图效果如下：源代码如下：XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit...
2020-11-14
用html5绘制折线图的实例代码
XML/HTML Code复制内容到剪贴板 <html><canvas id="a_canvas" width="1000" height="700"></canvas><script> (function (){ window.addEventLi...
2020-11-14
H5如何操作声音录制/播放
html代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>H5调用声音</title> </head>...
2020-11-14
H5的video如何实现以及操作弹幕
HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。<v...
2020-11-14
H5新增标签与属性使用方法归纳
HTML5语法大部分延续了html的语法不同之处：开头的 <!DOCTYPE html><html lang="zh-CN"><meta charset="utf-8">字符编码变得简洁，不区分大小写，添加了布尔值，类似checked，selecte...
2020-11-14
H5+canvas卷积核图像处理步骤详解
什么是卷积？就跳过一些用专业属于描述专业术语看完懵逼的解释了，语文成绩很差的我尝试从字面解释什么是卷积...卷，理解成一种压缩；积，乘积，积累；卷积需要一个卷积核，通常是3x3或5x5...
2020-11-14
HTML5触摸事件实现移动端简易进度条的实现方法
前言HTML中新添加了许多新的事件，但由于兼容性的问题,许多事件都没有广泛的应用，接下来为大家介绍一些好用的移动端触摸事件: touchstart、touchmove、touchend。介绍下面我们...
2020-11-14
HTML页面原生VIDEO标签隐藏下载按钮功能
在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。虽然简介视频是非付费的，但也不希...
2020-11-14
浅析HTML5中使用data-*来自定义属性
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定...
2020-11-13
HTML5本地存储之WebStorage介绍
WebStorage是HTML5中本地存储的解决方案之一，在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案，浏览器兼容的本地存...
2020-11-13
html中行内元素与块级元素的区别是什么
块级元素：1、总是在新行上开始，占据一整行；2、高度，行高以及外边距和内边距都可控制；3、宽度始终是与浏览器宽度一样，与内容无关；4、它可以容纳内联元素和其他块元素。行内元素的特...
2020-11-13
怎么在html中实现图片超链接
目的：对整个一幅图像文件设置超链接思路：可以通过将图像元素嵌套在a元素中使其变为一个链接。语法：<a herf="链接地址" target="目标窗口打开方式"><img src="图像文件的地...
2020-11-13
如何解决bootstrap乱码问题
具体问题：引入bootstrap中文网里的模板，页面正常显示，但是将英文换为中文乱码解决办法：1.定义好头部<html><head><meta charset="UTF-8"/>2.文件另存为UTF8...
2020-11-13
HTML5资源预加载(Link prefetch)详细介绍
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图...
2020-11-11
HTML实现简单计算器附详细思路
代码如下:<!DOCTYPE html> <html> <meta name="content-type" content="text/html; charset=UTF-8"> <head> <title>Calculator</title> <!--将按键内容以字符串形式存储在...
2020-11-11
JavaScript与HTML的结合方法详解
HTML中的JavaScript脚本必须位于<script>与</script>标签之间，JavaScript脚本可被放置在HTML页面的<body>标签和<head>标签中，这种视情况而定，一般放在<head>标签内。
一、<scr...
2020-11-11
Html制作简单而漂亮的登录页面
先来看看样子。html源码：XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login</title> <link...
2020-11-11
HTML代码制作滚动文字
本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。制作滚动文字 通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，...
2020-11-11
HTML元素(标签)大全及使用介绍
HTML元素(标签)大全及使用说明a:表示超链接的起始或目的位置。acronym:表示取首字母的缩写词。address:表示特定信息，如地址、签名、作者、文档信息。applet:在页面上放置可...
2020-11-11
HTML 超级链接详细讲解
超级链接是网站中使用比较频繁的HTML元素，因为网站的各种页面都是由超级链接串接而成，超级链接完成了页面之间的跳转。超级链接是浏览者和服务器的交互的主要手段，在后面的技术...
2020-11-11
html中隐藏域hidden的作用介绍及使用示例
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用，下面为大家详细介绍下此隐藏域在实际中时如何使用的，感兴趣的朋...
2020-11-11
HTML5文本格式化
文本格式化：<b>:加粗文字<i>:斜体文字<strong>：用于强调，效果和<b>相同<em>：用于强调，效果和<i>相同。<big>：用于放大文字<small>：用于缩小文字<sub>：下标<sup>：上标预格式文本：<pre>:...
2020-11-11
HTML5表单相关元素和属性
<form>:可以指定id、style、class等核心属性，还可以指定onclick事件属性。除此之外，还可以指定如下几个属性。action：指定表单提交的URL或URI。method：指定请求方式，一般为get或p...
2020-11-11
HTML5 video视频字幕的使用和制作方法
HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。 <...
2020-11-11
HTML与CSS中的过渡模块
a标签的伪类选择器a标签1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态2.什么是a标签的伪...
2020-11-11
canvas中使用clip()函数裁剪方法
在canvas中，可以使用clip()函数裁剪区域，设定裁剪区域后，只有在区域内的图像才能显示，其余部分会被屏蔽掉。本文主要和大家介绍了canvas裁剪clip()函数的具体使用的相关资料,希...
2020-11-11
html的文字图片怎样垂直居中
方法一 ：设置盒子高度与line-height相同，本方法适用于一行文字。图片垂直居中 和一行文字对齐 用属性vertical-align小图标和文字垂直对齐，小图标作为背景插入// attr：设置自己...
2020-11-11
HTML选择图片并直接预览实现代码
本文主要和大家分享HTML选择图片并直接预览实现代码，希望大家可以根据本文的代码，实现HTML选择图片并直接预览的效果。<!DOCTYPE html>
<html>
<head>
<meta name="viewpo...
2020-11-11
HTML5中form表单标签用法详解
语法： <form method = "传送方式" action = "服务器文件">讲解：1.<form>是成对出现的， 以<form> 开始， 以 </form>结束,表单都必须放在其之间。2.method 传送方式， get/post 是后...
2020-11-11
