html
关注
分享
扫一扫
文章平均质量分 54
IT 老王
好记性，不如烂笔头！
展开
-
网页设计步骤总结
【代码】网页设计步骤总结。原创 2024-05-29 21:43:13 · 392 阅读 · 0 评论 -
iPhone手机form表单提交有时候接收不到post提交的数据
<div class="search"> <form name="searchForm" id="searchForm" action="/" method="post" target="_blank"> <input type="text" id="key" name="keywords" value="" placeholder="请输入搜索关键词" class="form-text" /> <selec原创 2022-03-22 08:50:06 · 990 阅读 · 0 评论 -
mp3倍速播放实例代码
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>mp3倍速播放实例代码</title> <link rel="stylesheet" href=""></head><body>原创 2021-11-22 17:36:57 · 896 阅读 · 0 评论 -
记录一个关于广告拦截器带来的坑 - “Failed to load resource: net::ERR_BLOCKED_BY_CLIENT”
记录一个关于广告拦截器带来的坑 - “Failed to load resource: net::ERR_BLOCKED_BY_CLIENT”**原场景：网站banner轮播图，在360浏览器上不能正常查看**事故现场使用360 浏览器进行前端页面的调试。由于国内网站充斥了各种各样的广告，所以在浏览器中安装了一个广告拦截器Adblock Plus .开发过程中，关于广告的 html 、css及js 这些文件使用的是ad开头的。在html 代码中引用css 和 js 文件时，无法显示这个文件定义原创 2021-08-29 14:00:02 · 282 阅读 · 0 评论 -
Content-Type四种常见取值
一、application/x-www-form-urlencoded最常见 POST 提交数据的方式。浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样POST http://192.168.2.12/index HTTP/1.1 Content-Type: application/x-www-form-urlencoded;charset=utf-8 title=te转载 2021-06-27 18:03:54 · 372 阅读 · 0 评论 -
媒体查询介绍
媒体查询@media参数：针对屏幕的宽度：min-width max-width heigth针对设备的宽度：min-device-width max-device-width device-heigth针对设备的手持方向：orientation:landscape orientation:portrait…一、内嵌模式//针对媒体屏幕的查询@media screen and ( max-width:1000px) and (min-width:640px){}二、文件引入模式原创 2020-10-02 23:47:18 · 1015 阅读 · 0 评论 -
layui下的三大分类产品
layui下的三大分类产品layer使用方法：https://layer.layui.com/layDate使用方法：https://www.layui.com/laydate/layIM使用方法：https://layim.layui.com/layui使用方法：https://www.layui.com/原创 2020-10-02 21:53:42 · 2209 阅读 · 0 评论 -
GET提交中%5B与%5D代表什么意思？
根据这个答案：str='foo%20%5B12%5D'编码foo [12]:%20 is space%5B is '['and %5D is ']'这叫做百分比编码并用于对url参数值中的特殊字符进行编码。原创 2020-06-19 09:30:58 · 15977 阅读 · 0 评论 -
display：flex和display: inline-flex的使用效果区别
<!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...原创 2019-11-03 12:13:16 · 6510 阅读 · 2 评论 -
html添加自定义data属性
可以在HTML标签上添加任意以"data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。例子：<div class="my-data" data-category="motion">test data</div>如何读取自定义data属性数据呢？jquery已经有现成的方法：var myData = $(".m...转载 2019-10-31 00:08:52 · 1901 阅读 · 0 评论 -
html摄氏度写法
1、html中温度特殊符号是有对应的十进制的编码，具体用法是首先用hbuilder新建一个html文档，写入基本的html结构：2、然后写入两段p标签，里面写入温度，其中html中特殊符号使用“&#”加数字的形式表示，温度的编码分别是8451和176，前者温度符号全显示，后者只显示温度的符号没有后面的“C”。最后给p标签设置一些样式，方便观察效果：3、最后打开浏览器，即可观...转载 2019-07-25 16:20:21 · 7915 阅读 · 0 评论 -
简单表单验证加$.ajax提交数据
<form name="form" id="form" class="layui-form form" action="/plus/diy.php"><input type="hidden" name="action" value="post" /><input type="hidden" name="diyid" value="5" /><inp...原创 2019-07-20 01:18:06 · 222 阅读 · 0 评论 -
苹果微信web无法提交form表单问题解决
苹果微信web无法提交form表单问题解决问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常).应用需要form提交数据跳转第三方支付网站,问题来了,苹果上跳转后没有携带数据,坑啊!!!解决:百度了各种情况,功夫不负有心人,终于解决了原因: from 表单 target属性不能是_blank 需要写成_self 修改完成后跳转正常-------------------...转载 2019-07-12 11:54:16 · 1388 阅读 · 0 评论 -
根据不同的屏幕宽度引入不同的css文件
根据不同的屏幕宽度引入不同的css文件<link rel="stylesheet" href="css/jl_public.css?v=11"/><link rel="stylesheet" media="screen and (min-width:800px) and (max-device-width:1200px)" href="css/c1.css"/>&l...转载 2019-07-10 21:59:20 · 1674 阅读 · 0 评论 -
移动端H5页面上传图片或多张图片介绍 安卓无法多图上传
移动端H5上传图片的方式，要点如下：要点 解析 input 即input标签 type input标签的type属性，需要为file accept 说明接收文件类型，决定调用的资源种类 capture 指明调用的目标 multiple 是否支持多文件 实例如下：<div>纯input与type</div>...原创 2019-09-05 16:31:43 · 6373 阅读 · 0 评论 -
在LayUI表单中，AJAX方式来提交表单
<script>//Demolayui.use('form', function(){ var form = layui.form; //监听提交form.on('submit(formDemo)', function (data) { if (!data.field.ccss){ layer.alert('请选择...原创 2019-07-15 07:29:42 · 26754 阅读 · 0 评论 -
layui框架，form提交了两次，问题原因解决
请先阅读原文; 原文地址 :https://blog.youkuaiyun.com/u010742206/article/details/80348422问题 :原文说, 因为layui.js中包含了form.js文件, 所以单独引用两次layui.js应该也会触发两次, 但是我测试的并没有, 不知道问什么???补充 :不过我遇到了另外一个问题, 如果连续引用两次layui.all.js文件...转载 2019-07-21 19:31:13 · 937 阅读 · 0 评论 -
font-family:"微软雅黑";与font-family:Microsoft YaHei;的区别？
区别在于兼容性，1、font-family:Microsoft YaHei，兼容性强，不会有编码的问题；2、font-family:"微软雅黑";因为里面含有中文，所以有时候会出现乱码，导致字体失效。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及...转载 2019-07-22 11:43:27 · 24575 阅读 · 0 评论 -
Fiddler中的请求/响应类型与图标对照表
原创 2019-08-26 11:52:36 · 1246 阅读 · 0 评论 -
css定位方式介绍
css定位主要有三种：相对定位、绝对定位和固定定位。其中静态定位这个是元素的默认定位方式，不能使用top，bottom，left，right和z-index属性，其它三种定位可以使用以上几个属性。我们这里主要介绍后边的这三个定位。1）相对定位如果想为元素设置层模型中的相对定位，需要设置position:relative;，它还是会占用该元素在文档中初始的页面空间，通过left、right、...原创 2019-08-26 19:32:45 · 245 阅读 · 0 评论 -
css width:100%与min-width妙用！
1、width:100%与min-width:1200px; 同时共用，可以实现电脑随屏幕缩放！不同尺寸同样的展示效果！原创 2019-09-01 21:49:18 · 1235 阅读 · 0 评论 -
window.execScript与eval的介绍
eval()函数的介绍eval函数可以执行js代码字符串。eval是顶级函数，跟任何对象没有关系。eval的参数是一个字符串，如果这个字符串表示的是一个表达式，那么eval函数会对它进行求值计算。如果eval的参数不是字符串，eval会原样返回。 eval(newString("2+2")); //返回了包含"2+2"的字符串对象 eval("2+2...原创 2019-09-18 00:04:14 · 2994 阅读 · 0 评论 -
HtmlEncode、UrlEncode区别
HtmlEncode、HtmlDecode、UrlEncode、UrlDecodeHtmlEncode： 将 Html 源文件中不允许出现的字符进行编码。例如："<"、">"、"&" 等。HtmlDecode： 把经过 HtmlEncode编码过的字符解码 ，还原成原始字符。UrlEncode： 将 Url 中不允许出现的字符进行编码。例如：":"、"/"、"?" ...原创 2019-09-26 11:32:53 · 6724 阅读 · 1 评论 -
input 框上传多个文件
input 框上传多个文件在input标签中加入 multiple 属性，可以在一个输入框中选择多个文件进行上传multiple="multiple" />当然，这样也是一样的： multiple />2.很多时候上传的时候，我们要限制一下上传文件类型（在windows中主要是限制后缀名），或者是把选择的文件名（路径）输出到当前页面，，这需要用js取得选择文件的名字转载 2016-11-23 22:34:40 · 2730 阅读 · 0 评论 -
关于域名到期删除规则实施的解释
关于域名到期删除规则实施的解释：国际域名：(1)到期当天暂停解析，如果在72小时未续费，则修改域名DNS指向广告页面（停放）。域名到期后30-45天为域名保留期（不同注册商政策规定时间不同）(2)过了保留期域名将进入赎回期（REDEMPTIONPERIOD，为期30天）(3)过了赎回期域名将进入为期5天左右的删除期，删除期过后域名开放，任何人可注。关于域名状态的解释：点击查看...原创 2019-04-06 12:37:04 · 955 阅读 · 0 评论 -
kindeditor插入mp4视频不显示及不过滤video的方法
因为kindeditor对html5还不怎么支持，而且还过滤kindeditor的代码，所以没办法，只能修改下kindeditor了。有两个思路，一个是给kindeditor添加支持mp4格式的html5代码，这个方法网上也有教程，但是我看了实在是太麻烦了，网上也有修改好的，但是下载了需要配置，也太麻烦，所以我采取了最简单的方法。直接修改编辑器代码。kindeditor添加的视频默认代码是：&...转载 2019-03-22 15:22:00 · 5136 阅读 · 7 评论 -
html meta标签作用
-- HTML文档中小meta标签的大作用meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用 网上机器人自动查找met转载 2017-02-04 16:43:33 · 412 阅读 · 0 评论 -
设为主页和加入收藏的代码？
http://www.baidu.com');">设为首页|http://www.baidu.com', '百度')">加入收藏转载 2016-12-20 13:08:33 · 412 阅读 · 0 评论 -
移动前端开发之viewport的深入理解
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网转载 2016-12-08 15:15:00 · 223 阅读 · 0 评论 -
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible是针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说，它是首选的兼容性模式。 为了避免制作出的页面在IE8下面出现错误，建转载 2016-12-08 14:09:07 · 2723 阅读 · 0 评论 -
mce:style或者mcs:script是什么意思
这个应该是自定义的标签，功能就相当于 和 。因为有个在线编辑器叫tiny_mce,当使用这个编辑器的时候，为了区分其他部分的脚本和代码，就把script和style前面加了个mce:了。当然也可以不自定义这个标签吧，只是为了区分而已转载 2016-11-25 11:16:20 · 3210 阅读 · 0 评论 -
GB2312、GBK、GB18030 这几种字符集的主要区别是什么？
作者：Tuxify链接：https://www.zhihu.com/question/19677619/answer/12616362来源：知乎著作权归作者所有，转载请联系作者获得授权。1 GB2312-80GB 2312 或 GB 2312-80 是中国国家标准简体中文字符集，全称《信息交换用汉字编码字符集·基本集》，又称GB0，由中国国家标准总局发布，1981年5月1日转载 2016-11-06 15:31:56 · 5136 阅读 · 0 评论 -
ASP中只有UrlEncode，没有Urldecode？
在ASP中传递参数时有一个很有用的系统函数Server.UrlEncode，可以将一些非字母数字的特殊符号转换成标准URL编码（其实就是16进制ASC码），这样就解决了参数传递问题，然后我以为也提供了Server.UrlDecode，但使用后却发现程序报错，原来系统并没有提供这个我想象中的解码函数。怎幺办，自己动手吧。 UrlEncode的原理其实很简单，就是将特殊字符转换成16进制转载 2016-11-06 15:23:10 · 862 阅读 · 0 评论 -
urlencode
urlencode是一个函数，可将字符串以URL编码，用于编码处理。函数简介编辑UrlEncode：将字符串以URL编码返回值：字符串函数种类：编码处理GB2312编码原理编辑将需要转码的字符转为16进制，然后从右到左，取4位(不足4位直接处理)，每2位做一位，前面加上%，编码成%XY格式。比如：空格转载 2016-11-06 15:20:38 · 644 阅读 · 0 评论 -
手机站拨打电话实现方式
手机中点击网页链接实现拨号或保存电话功能实现代码通过网页拨打电话复制代码代码如下:拨打电话注: 135xxxxxxxx是号码, 你可以换成你想拨打的号码.通过网页存储电话号码复制代码代码如下:存储号码注: 这种方法可以直接调出手机的保存电话号码的界面.以上方法在Dopod机器上验证过. 其他机器不保证是否实现了WTAI转载 2016-11-06 09:36:57 · 860 阅读 · 0 评论 -
!DOCTYPE是文档说明
!DOCTYPE是文档说明，做一个兼容性的网页一般完整的文档说明如下:http://www.w3.org/TR/html4/loose.dtd">html 是标签，lang="zh-cn" 性属说明这个html内容是以中文为显示和阅读基础。meta charset为网页提供了一种编码方式,否则页面很可能出现乱码.UTF-8 是没有国家的编码,也就是独立于任何一种语言,任何语言都可以使用转载 2016-11-04 08:57:54 · 309 阅读 · 0 评论 -
在网页设计中：target="_self"和target="_parent"以及target="_top"各表示什么?
在HTML中target目标的四个参数的用法：1、target="_self"表示：将链接的画面内容，显示在目前的视窗中。(内定值) 。 即：同窗口打开。2、target="_parent"表示：将链接的画面内容，当成文件的上一个画面。即：当前窗口打开。3、target="_top"表示：将框架中链接的画面内容，显示在没有框架的视窗中（即除去了框架)。即：顶端打开窗口。4、target="转载 2017-01-10 15:46:00 · 6998 阅读 · 0 评论 -
canonical 标签介绍
rel=”canonical” 这个标签已经推出很久了，canonical 是 Google、雅虎、微软等搜索引擎一起推出的一个标签，它的主要作用是用来解决由于网址形式不同内容相同而造成的内容重复问题。这个标签对搜索引擎作用非常大，简单的说它可以让搜索引擎只抓取你想要强调的内容。举个简单的例子，来看下如下的网址：http://www.yzznl.cn/archives/20转载 2017-02-06 10:45:42 · 793 阅读 · 0 评论 -
中文字体font-family常用列表
中文字体font-family常用列表Windows：新細明體：PMingLiU細明體： MingLiU標楷體： DFKai-SB黑体： SimHei新宋体： NSimSun仿宋： FangSong楷体： KaiTi仿宋_GB2312：FangSong_GB2312楷体_GB2312：KaiTi_GB2312微軟正黑體： Microsoft Jhen...转载 2019-01-27 11:17:09 · 7535 阅读 · 0 评论 -
媒体查询--PX,EM or REM?
你是否思考过对于媒体查询你应该使用px,em还是rem？我也产生过同样的问题，并且目前为止，我还是没有明确的答案。一年之前，我第一次创建 mappy-breakpoint 仓库时，我一直使用rem单位。之后一次和Sam Richard谈话之后，我开始转向使用em,因为我并没有发现两者之间的区别。关于媒体查询，除了em和rem,常用单位还有像素。自从现在所有浏览器存在像素缩放问题，我想知道像...转载 2019-01-18 13:55:02 · 560 阅读 · 0 评论