前端设计 - 飞鸟慕鱼博客

JS对象转成数组的方法教程

js脚本处理中，有时候为了方便操作需要将js的对象转成数组，具体的转换方式有很多种，可以参考下面的转换方法！js将对象中的键转成数组的方法示例代码：var obj = { "name": "mochu", "host": "feiniaomy.com", &q

js 检测变量类型的方法

在js脚本中，如果要检测一个变量的数据类型有很多的种方法，下面就来简单的介绍几种常用的，大家参考一下吧！js typeof 方法检测变量数据的类型示例代码：console.log(typeof 'ssss');// stringconsole.log(typeof 123);// numbervar obj = {&quo

js与jq的鼠标右键点击事件

一些网站会利用js脚本或jq脚本来阻击浏览器的右击菜单来展示自定义菜单，这篇博文不谈如何实现右击的自定义菜单(以后有时间会开个单篇来讲，因为涉及到鼠标的定位问题要说很多)，这篇文章来说一下如何利用JQ脚本或JS脚本来实现鼠标右击的自定义事件。JS实现鼠标右击事件示例1：JS作用于整个网页的鼠标右击事件！document.oncontext

js 实现指定的肉容以文件的形式保存到本地的方法

最近的项目中有一项功能是利用JS脚本，将网页上指定的内容以文件的形式下载到本地，写了一个不错的案例，下面分享一下。JS将指定的内容保存到本地的方法JS想要实现指定内容存到本地的这个功能，需要用到 js 中的 Blob 对象，至于 Blob 对的详解，大家可以在网上自行搜索一下，这篇文章不再详解！js 实现代码：var urlObject

jq 判断元素是否含有某个属性

在jqueryj里，判断某个元素中是否含有某个样式类，可以使用hasclass方法，但如果要判断元素里是否含有某个属性该如何做呢？jq里面并没有提供hasattr方法，那如何用代码使用呢？jq 判断元素是否含有某个属性的方法1、先来一个简单的测试版本的先用JQ获取一个未有的属性的值，看看输出什么！<div id="moch

jq点击除了指定元素外其他元素事件的方法

在使用 jquery 的点击事件时，如果在指定的某个元素之外的其它元素上都可以触发，而指定的元素则不需要挂载这个事件该如何做呢？jq点击除了指定元素外其他元素事件的方法参考代码：示例1：判断触发事件元素的 ID 属性的值来决定要不要触发事件，如果不为指定元素的 ID 值，则触发事件，反之亦然！$('body').on(&#

js获取在指定元素内鼠标坐标位置的方法

通过JS脚本，不仅仅可以获取鼠标在整个屏幕中的坐标位置，也可以获取鼠标在某个元素内的坐标位置，具体的实现方法可以查看下面的代码！js 获取指定元素内鼠标坐标的位置完整的示例代码：<!doctype html><html><head><meta charset="utf-8"&g

jq 监听 textarea 元素内容变化的方法

在前台是可以限制 textarea 元素内输入内容的长度的，当然是用 jquery 代码实现起来是最简单，方便的，JQ脚本通过对 textarea 元素内容变化的检测来判断内容是否超出指定的长度。jq 检测 textarea 元素内容变化的方法示例代码1：jq 时时显示 textarea 输入内容的长度！$('#textarea

js检测浏览器是否缩放并获取缩放比例的方法

有些网站的访客因为显示器的原因为达到比较好的视觉效果，会对浏览器中的网页进行缩放操作。注意，这里的缩放并不是操作系统的缩放，而是浏览器使用快捷键( 按Ctrl和+号键或者-号键的缩放)或按住 ctrl 键和鼠标滚轮进行的网页缩放。为了使用网页达到最的视觉效果，制作网页时需要对访客进行提醒，以避免用户缩放网页过大或过小，对网页的排版造成混乱

js交换两个变量的值的方法

脚本中有时候需要对两个变量的值进行交换然后再进行逻辑处理，javascript脚本中也是如此，这篇文章就说一说在js脚本中，关于两个变量值交换的几种方法。js中两个变量的值交换的方法1、普通的交换方法常用的变量的值交换方法，都会声明一个第三个变量，然后用第三个变量做为中转进行交换。示例代码：var a = 'mochu';

js调用摄像头以及拍照的方法

因为要做一个使用 js 代码来调用电脑摄像头，并进行一次拍照的功能，就花费了点时间研究了一下 WEB API的媒体输入接口，并写了点调试代码，大家可以参考一下。WEB API 的 MediaDevices 接口，可以提供访问连接媒体输入的设备，如照相机和麦克风，以及屏幕共享等，他可以使你取得任何硬件资源的媒体数据。不过下面只针对获取摄像头

js代码去掉字符串首尾指定字符的方法

在php中提供了一个 trim 函数可以很轻松的去掉字符串首尾指定的字符串，但在原生的 javascript 脚本中，如果想实现同样的功能，就需要我们自己写一个自定义函数来实现。js定义一个trim函数js自定一个 trim 函数，并使用参数对字符串的头与尾进行分类处理，可参考下面的参数！参数：str：被处理的字符串char：需要去除的字

jquery $.trim()方法使用介绍

在使用jquery脚本时，可以使用其提供的 $.trim() 方法来去掉字符串首尾的空格，具体的使用方法可以参考下面的文章内容。jquery $.trim() 方法介绍$.trim()：去掉字符串首尾的空格，并返回处理后的字符串！语法：$.trim(str)：参数：str 被处理的字符串！jquery $.trim() 方法的使用介绍1、

jquery获取div的宽度与高度的方法教程

一般来说div元素的宽度与高度是指的内容宽度与高度，但在CSS样式排版时要考虑到DIV元素的 padding、border 与 margin 属性定义的的宽度与高度。而在jq代码获取div元素的高度与宽度时同样也要考虑这么样式属性定义的高度与宽度！jq获取DIV元素高度与宽度的方法1、jq获取元素内容的高度与宽度的方法jq元素内容的宽与

去掉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(