当前位置: 首页  - 标签“web前端“ - 列表 免费服务器领取!

web前端

前端设计

js 数组中随机取值的方法

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

前端设计

js 判断undefined类型的方法

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

前端设计

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

前端设计

禁止 textarea 调整大小的方法

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

前端设计

HTML复选框选中与未选中触发事件的方法

今天在做一个不需要from表单提交数据的复选框的小功能时,需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态,并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态,可以参考下面的示例。checkbox 复选框选中与未选中触发事件的方法jq代码__点击checkbox,触发

前端设计

js获取当前页面地址以及各个参数的方法

js想要获取网页的访问地址可以使用 location 对像,他包含各个属性,比如网址的HTTP协议,url,端口号以及页面的路径等等。Location 的属性:hash:设置或返回从井号 (#) 开始的 URL(锚)。host:设置或返回主机名和当前 URL 的端口号。hostname:设置或返回当前 URL 的主机名。href:设置或返

前端设计

js获取网页中所有图片地址的方法

利用js脚本代码可以很轻松的获取整个网页中所有图片的地址,下面举出了几个相关的示例代码,可以做个参考!JS 获取网页中所有图片地址的方法例1:js使用正则表达式获取所有图片地址的代码var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|

前端设计

js压缩与格式化CSS代码的方法

网上有很多CSS压缩与格式化的工具,就想着模仿人家的功能自己写个专门用来压缩CSS代码的小工具。尝试了一下用JS脚本来写,没想到压缩后的效果还是可以的。js压缩CSS代码的方法JS自定义压缩CSS代码的函数function yasuoCss (s) {s = s.replace(/\/\*(.|\n)*?\*\//g, "&qu

前端设计

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

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

前端设计

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

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

前端设计

杜绝网站统计代码被刷广告的方法

最近查看自己网站的百度统计数据,发现统计代码被人利用,刷了好多的广告,影响了真实统计数据的展现,所以就想了个方法来杜绝统计代码被人恶意利用。统计代码如何被刷广告的1、利用特定的软件来爬去一些网站的数据,来寻找网站中是否有统计代码2、以百度统计为例,如果网站源码中含有“hm.baidu.com/hm.js”字符串,则表示使用的百度统计3、每

前端设计

js脚本代码中"use strict"的作用

在一些js的代码中常常有一些“use strict”字符串,此字符串是在 javascript 1.8.5版本中新增的。它不是一条语句,而是一个字面量的表达式,表示此JS代码要在严格的条件下执行。use strict 严格模式的一些限制1、变量必须声明后再使用2、函数的参数不能有同名属性,否则报错3、不能使用with语句4、不能对只读属性

前端设计

原生js代码实现base64编码与解码方法

从IE10开始所有的浏览器都提供了原生的base64编码与解码的方法,而方法名就是 atob() 与 btoa()。关于base64编码与解码的使用方法如下。原生js Base64 编码的方法btob():方法可以进行base64编码语法:var encodedData = window.btoa(stringToEncode);例:co

1 2 3 4 5 末页
点击下拉

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

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