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

前端设计

前端设计

js检测textarea中内容是否有换行符的方法

web页面的 textarea 元素中的内容是免不了有换行符存在的,以前写过关于利用php脚 本代码来检测 textarea 提交的内容是否有换行符存在,那么今天再写一个利用 js 脚本来检测 textarea 提交的内容是否有换行符存在的判断代码。js 检测 textarea 提交的内容是否含有换行符检测示例代码:这里利用正则表达式来判

前端设计

css 获取浏览器可视窗口的宽度与高度的方法

在web页面中,如果想设置一个div元素的高度与高度等于浏览器可视窗口的宽度与高度的话一般都是要借助js脚本来进行设置,除了js脚本外css样式代码中也提供了一个好的方法。css 获取浏览器窗口的宽度与高度的方法在桌面端(这里不涉及移动端),浏览器的可视区域也被称为“视口“,而它的宽度与高度也有相应的单位来表示,分别为"vw&q

前端设计

js 实现生成并下载txt文件的方法

遇到个将网站内指定内容保存成TXT文件并下载到本地的需求,前端的内容肯定需要使用JS脚本来实现了,下面给出一个实现的方法,参考一下。JS实现生成TXT文件并下载到本地的方法示例1:JS代码:/** * /@author mochu * /@var filename 保存的文件名 * /@var txt 保存的内肉 * * /@

前端设计

js去掉浏览器“确认重新提交表单”提示的方法

在前端含有form表单的web页或表单提交后的重定向页面中,如果使用f5或手动刷新时浏览器为了防止表单重复二次提交会弹出“确认重新提交表单”的提示,为了页面对访客更加的友好,我们可以利用js脚本代码来去除这个浏览器的提交。js去掉浏览器“确认重新提交表单”提示的方法解决方法:在页面中添加以下js代码window.history.repla

前端设计

CSS定义字母全部大写或小写的方法

在css样式代码中有一个 text-transform 属性,此属性可以强制改变其控制的元素中内容中字母的大小状态,具体的使用方法参考下面的内容。CSS text-transform 属性text-transform:控制文本中字母的大小写。属性值:none:默认,展示默认的文本内容!capitalize:每个英文单词以大字字母开头!u

前端设计

js/jq获取元素相当于窗口(视窗)坐标位置的方法

项目中遇到个需要利用JS脚本获取元素相当于窗口(浏览器的显示区域并不是文档)坐标位置的需求,试了很多的方法,发现都不是很精确,不是相对于父元素就是相对于整个DOM文档的坐标位置。后来百度到一个DOM的 getBoundingClientRect 方法,可以获取指定元素相对于窗口的坐标位置,实现方法如下。JS getBoundingClie

前端设计

js 数组中随机取值的方法

有js脚本中有时候由于某种需求,需要从数组中随机出一个元素值出来。由于js中没有提供相对应的操作方法,所以就自己写一个逻辑,各位可以参考一下。js数组随机取一个元素值的方法例1:var arr = ['飞鸟博客','飞鸟慕鱼博客','feiniaomy.com'];var index = M

前端设计

js 判断undefined类型的方法

JS中的数据处理里时需要对变量的数据类型做一个判断,比如如果变量为undefined类型的话,就需要排除或不进行数据的处理。那么在JS中如何判断变量的数据类型为undefined呢?下面给出几种常用的判断方法!关于js的undefined类型的解释Undefined 是已经存在的变量,但是没有赋值,Javascript会给自动给这个已经存

前端设计

js实现禁止浏览器后退操作的方法

今天在写一个功能需求时,发现页面执行完成后,如果浏览器后退一步再次请求,会产生两次执行效果。为了避免这种事的发现,就想到了用js脚本代码来禁止浏览器的后退操作。试了网上不少的js禁止浏览器后退的代码,发现只有下面的一种效果还是可以的。js禁止浏览器后退的代码<script language="javascript"

前端设计

php中全角字符与半角字符相互转换的方法

php在处理文本时,发现内容里面含有半角字符与全角字符,然就就写了几个php关于全角字符与半角字符相互转换的方法,大家可以参考一下。php 全角字符与半角字符相互转换的方法自定义一个php全角字符与半角字符之间转换的函数/*** 字符串半角和全角间相互转换* @param string $str 需要转换的字符串* @param stri

前端设计

jq选择器中排除$(this)的操作方法

写jq脚本时遇到了需要排除当前触发元素事件的方法,就适用了 not() 方法,由于之前很少使用,对它也不甚了解。今天就索性详细的介绍一下。jq遍历 not() 方法not():从一个匹配元素集合中删除指定的元素。语法:.not(selector)参数:selector:匹配元素选择器的表达式。jq中 not() 方法的使用方法例:<

前端设计

jquery判断元素是否隐藏的几种方法

今天写前端的动态逻辑时,遇到个需要判断元素是否隐藏的需求。适用jq插件可以很方便的来检测元素是否处于隐藏的状态,下面就介绍几种方法。jquery插件判断元素是否隐藏的方法1、JQ判断元素的CSS的 display 属性元素css样式的 display 属性如果其值设置为 none ,则会被隐藏。通过jq获取css的 display 的属性

前端设计

CSS隐藏文字的方法

在前端web的一些特殊场合下,有时假需要对HTML元素中的文字讲行隐藏,如果使用JS脚本的话,可以很方便实现文字的隐藏,但如果使用CSS样式来搞呢。下面就说二种利用CSS轻松实现隐藏元素文字的方法。CSS隐藏HTML元素文字的方法1、使用css font-size 属性来隐藏文字css font-size属性是控制文字大小的方法,如果将其

前端设计

html中的删除线标签

在一些前端的商品页面中,如果有价格优惠的话,都会把原价格用html的删除线标签进行标注,这样有利于用户对价格进行阅读,关于html的删除线标签的使用可以参考下文的讲解。html 删除线标签介绍<s></s>:删除线标签让浏览器把其加s标签的文本内容加删除划线样式(在文本上有一道横线)呈现给阅读者。语法:<s&

前端设计

js对字符串转为小写的方法

原生js脚本中的 toLowerCase() 与 toLocaleLowerCase() 函数可以对字符串进行小写进行转换,具体的转换方法可以参考下面的文章!js toLowerCase() 方法将字符串转成小写字母toLowerCase() 方法将字符串转成小写字母方法示例代码:var str = 'FeiNiaoMy.com&

前端设计

javascript隐藏鼠标的方法

今天发现项目中有一个很有意思的小功能,就是鼠标移入某个区域后自动隐藏。虽说这个小需求非常的罕见,但写起来也很简单,下面是一个示例的代码,大家可以参考一下!javascript 隐藏鼠标的方法隐藏鼠标的示例源码<html><head><title>隐藏鼠标的示例</title><styl

前端设计

html页面仿黑客帝国代码雨源码示例

今天无意间看到抖音上有人直播用html加JS脚本写了一个仿黑客帝国电影中的代码雨的特效,就觉的很稀奇,就在网上找了一个源码然后自己修改了一下,感觉效果还可以,就分享一下。html+js使用黑客帝国代码雨的效果下面是使用黑客帝国代码雨的源码,直接复制到本地,保存为后缀为.html文件即可!<html><head>&l

前端设计

css3实现文本内容禁止选中的方法

今天在浏览网页的时候发现有些网页上的内容无法使用鼠标来进行选中,就深入的研究了下,发现是使用CSS的 user-select 属性来现实的,就记录一下。css user-select: 属性介绍user-select:规定用户用鼠标在页面上是否可以选中文字、图片等值:none:禁止用户选中。text:对用户的选择没有限制。all:目标元素

前端设计

js判断当前协议是否为HTTPS的方法

上一篇说的是利用PHP脚本来判断当前是否为HTTPS协议,那么就趁热打铁说一说利用JS脚本来判断当前是为HTTPS协议的方法。JS判断当前协议是否为HTTPS的方动漫例1:js自定义一个函数来判断当前是否为HTTPS协议,这样在调用的时候会很方便!function is_https(){return 'https:' ==

前端设计

禁止 textarea 调整大小的方法

HTML页面中的 textarea 输入框是默认在右下角显示一个小三角的,用鼠标拖动小三角是可以调整 textarea 输入框的大小的。如果html的页面布局比较复杂,那么调整 textarea 大小会破坏掉页面整体布局的完整性,那么如何来禁止 textarea 调用大小呢?可以参考下面的方法。禁止 textarea 调用大小的方法css

1 2 3 4 5 末页
点击下拉

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

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