当前位置: 首页  - 个人笔记  - 前端设计  - 列表 免费服务器领取!

前端设计

前端设计JS对象转成数组的方法教程

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

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

前端设计js 检测变量类型的方法

js 检测变量类型的方法

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

前端设计js与jq的鼠标右键点击事件

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

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

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

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

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

前端设计jq 判断元素是否含有某个属性

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

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

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

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

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

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

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

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

前端设计jq 监听 textarea 元素内容变化的方法

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

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

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

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

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

前端设计js交换两个变量的值的方法

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

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

前端设计js调用摄像头以及拍照的方法

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

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

前端设计js代码去掉字符串首尾指定字符的方法

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

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

前端设计jquery $.trim()方法使用介绍

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

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

前端设计jquery获取div的宽度与高度的方法教程

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

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

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

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

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

前端设计 html input 限制输入的长度并提示的方法

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

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

前端设计禁止 input 自动弹出下拉框的方法

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

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

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

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

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

前端设计DIV+CSS制作(table)表格的方法

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

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

前端设计限制 html input 只能输入数字的方法

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

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

前端设计js 对 html 字符转义与反转义的方法

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

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

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程