HTML - 飞鸟慕鱼博客

电脑浏览器模拟微信浏览器访问网站的方法

由于需要访问一个只能在微信内置浏览器显示的网页，就想到了能不能在PC端修改浏览器的访问UA来实现PC浏览器模拟微信浏览器呢？实验了一下chrome(谷歌)浏览器，发现效果还可以，就记录一下。PC浏览器模拟微信浏览器的方法我们下面教程以chrome浏览器为例，其它的浏览器修改访问UA的方法，可以自己去搜索一下。1、准备微信浏览器的UA想要模

html给table中的行或单元格加链接的方法

今天在做定制插件的时候，遇到个给table表格中的行添加链接的问题，以前没有遇到过此需求，就参考了下别人写的代码，记录一下。html给table中的行添加链接给table表格中的行添加链接一般是使用的js代码来实现的，可以参考下面的示例！例1：给table表格的行添加链接<!doctype html><html>&

浏览器查看网页编码类型的方法

在编写前端web页面时浏览器有时候会出现乱码，这一般都是未指明网页的编码类型或编码类型声明错误导致的，在浏览器中如何检查网页的编码是什么类型呢？下面就提供了两种浏览器查看网页编码的方法。浏览器以查看网页源码的方式查看页面的编码1、浏览器中鼠标右击，选择"查看源代码"，或在浏览器地址栏中输入下面的代码来查看页网的源码代码

去掉input(number类型)输入框箭头的方法教程

在web前端中，number类型的input输入框在获得鼠标焦点的情况下，会出现两个向上和向下的箭头。虽然箭头可用于input输入框中的数字增大和减小，但在某些特定的场景中反而会让用户产生错乱的感觉。为了避免此情况的发生，我们可以使用css样式来隐藏掉 input 中的箭头，下面来说说方法！number类型input输入框去掉箭头的教程1

html input 限制输入的长度并提示的方法

html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料，没有测试过)，但为了防止一些 input 的输入数据过长来做一些限制，该如何实现呢？这篇文章就来介绍一下，如何限制 input 输入数据的长度并且输入的数据超过规定的长度该如何去提示？html input 限制输入字符串长度的方法input 标签

禁止 input 自动弹出下拉框的方法

经常设计 form 表单的开发应该知道，用户在浏览器中向表单输入信息的时候会被 input 记录下来，以后每次双击 input 文本框时都会展示以前输入过的信息，虽然这样很方便，但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢？下面就来说一下！input 中的 autocomplete 属性autocomple

js实现鼠标拖动div改变其位置的教程

今天接到一个小小的需求，就是利用 JS 来实现鼠标拖动一个div，来实现其位置的改变。虽然说要求看着很简单，但实现起来还是比较难一点的，下面就说说实现的方法！js实现鼠标拖动div改变其位置的方法先上个图示，大家看一下效果！js实现鼠标拖动的div的代码html完整代码<!DOCTYPE html><html>&l

DIV+CSS制作(table)表格的方法

在前端的网页设计需求中，有时候需要使用表格来展示一些数据，但又不能使用 html 中的 table 标签来做，那么我们只有使用 DIV + CSS 来画一个表格了。下面就介绍几种方法，大家来参考一下！使用 DIV+CSS 制作一个表格先上一个由CSS+DIV简单制作的表格样式的示例！html示例代码：<!DOCTYPE html&g

限制 html input 只能输入数字的方法

在前台的 html 页面设计中，有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢？下面飞鸟慕鱼博客的小编就来和大家说一说！限制 input 只能输入大于 0 的正整数的示例示例1：下面的代码可以实现，input 只限制输入大于 0 的正整数，但是如果使用复制粘贴内容的方法，是可以绕过判断的，因为它只

js 对 html 字符转义与反转义的方法

在编写 html 时，为使其代码可以在页面上正常的显示。我们需要对其进行转义操作，这样也可以在一定的程度上避免的 XSS 攻击！这篇博文就简单的介绍一下利用 JS 对 HTML 代码进行转义与反转义的方法。js replace 方法在讲解 js 如何转义 html 代码，先说一说 js 方法。因为下面要用得到，先了解一下。replace(

js FormData 对象的使用方法

js 中的 formData 对象是ajax2.0(XMLHttpRequest Level2)新提出的接口,利用 FormData 对象可以将form表单元素的 name 与 value 进行组合,实现表单数据的序列化,从而减少表单元素的拼接难度,提高工作效率！创建一个 FormData 对象1、创建一个空的 Formdata 对象&l

html Meta 标签屏蔽蜘蛛抓取的方法教程

今天有人说可以利用 html 页面的中 meta 标签来屏蔽搜索引擎蜘蛛的抓取或不让蜘蛛抓取网页中的其它链接，本着好奇的精神，就查了一些相关的资料，发现了一串类似 <meta name='robots' content='noindex,nofollow' /> 这样的HTML代码，可以告诉来网

js 清空 input file 的值的方法

今天在做一个利用 JS 上传本地图片的小功能时，需要在文件上传成功后，清空 file 类型的 input 元素中所选择的本地文件，以方便二次功能的调用！而这篇文章飞鸟慕鱼博客就来说一说，如果利用 js 来清空一个 file 类型 input 元素的值。js 清空 input file 值的方法方法1：直接将 input file 的值改成

table 表格边框合并为单一的边框的方法

在 html table 表格元素的默认设置中，如果为每个表格定义它的边框，整体看起来就感觉非常的凌乱，所以这篇博文就说一说，如果将 table 表格的单元格边框合成一条单线。table 表格边框默认的样式例代码：<!DOCTYPE html><html><head><meta charset=&

CSS3 选择倒数第几个元素的方法

上午在写一段HTML时CSS样式时，需要对一个父元素下的最后两个子元素的样式进行额外的定义，由于以前没有遇到过类似的需求，就仔细得查了下网上相似的案例，发现可以使用 CSS3 中的 “:nth-last-child() ”选择器来实现此效果。CSS3 :nth-last-child() 选择器:nth-last-child(n)：匹配其父

CSS3自定义滚动条样式

一些爱折腾的个人网站的站长会嫌弃浏览器原始的滚动条不好看，会想方设法的将浏览器的滚动条进行个性化的自定义，而 CSS3 就提供了 -webkit-scrollbar 属性来自定义浏览器滚动条的样式。CSS3 的 -webkit-scrollbar 属性只支持 webkit 内核浏览器的滚动条设置，它可以对拥有 overflow 隐藏属性的

网址后面多出个?tdsourcetag=s_pcqq_aiomsg 与 ?tdsourcetag=s_pctim_aiomsg 小尾巴

今天在查网址的统计数据时，发现很多的网址后台都带个 ?tdsourcetag=s_pcqq_aiomsg 与 ?tdsourcetag=s_pctim_aiomsg 小尾巴，然后就搜索了一下相关的资料，发现它们的来路不简单哦。带有小尾巴的链接示例：带有小尾巴的的示例，都是在网址的后面加入了一个 tdsourcetag 参数，并且它们的值有

php 检查指定的文件是否通过 HTTP POST 上传的方法

在php中可以通过一个内置的函数 is_uploaded_file() 来判断一个指定的文件，是否通过 HTTP POST 上传的。这样可以确保恶意的用户无法欺骗脚本去访问本不能访问的文件，例如 /etc/passwd 文件等。当然这个函数也多用于检查文件是否上传成功！php is_uploaded_file() 函数is_upload

Js 判断数组是否为空或是否含有某个值

今天来说一下在前端的 JS 中关于数组的判断操作。比如 JS 判断数组是否为空，JS 判断数据中是否含有某个值。下面就来具体的说一下判断的方法吧。JS 判断数组是否为空JS 判断数组是否为空，只要取这个数组的长度，然后判断它的长度是否大于 0 即可。JS 中的 length 方法，可以取出 JS 数组的长度。示例1：js代码：<sc

html input 元素设置禁用的几种方法

html 页面中的 input 元素，可以通过设置一些指定的属性，来禁用它的功能，使其不可编辑，不可复制，不可选择，不能接收焦点以及后台也不能接收到它的传值等。下面就来说几种 input 元素中常用的禁止属性。input disabled 属性disabled：属性规定应该禁用 input 元素。作用：使 input 元素不可编辑，不可复

js将 textarea 标签的内容通过换行或者回车转换成数组的方法

在web的前端操作中，有时候需要将 html 的 textarea 标签元素中的内容以每行的形式转成一个数组并发向后台，那么该如何做呢？下面这篇博文就来说一说，通过利用 js 将 textarea 标签元素中的内容以换行或回车进行分割并转成数组的方法。js将 textarea 标签内容转成数组的方法textarea 中的内容转成数组一般都