
Web前端
HTML5、js、ajax等前端知识
小獾哥
技术为我赋能
展开
-
vue3+element-plus(el-carousel)实现图片轮播和点击预览功能
vue3+element-plus(el-carousel)实现图片轮播和点击预览功能原创 2024-04-02 14:48:01 · 2372 阅读 · 0 评论 -
如何实现不同 Vue 项目的 npm 和 Node.js 环境进行隔离
【代码】如何实现不同 Vue 项目的 npm 和 Node.js 环境进行隔离。原创 2024-02-24 18:09:22 · 1373 阅读 · 0 评论 -
前端利用JS获取最近1、3、5、n年的开始时间和结束时间
前端利用JS获取最近1、3、5、n年的开始时间和结束时间原创 2023-12-05 13:09:44 · 803 阅读 · 0 评论 -
最新版vscode for mac 国内高速下载
vscode for mac 国内高速下载,解决官网下载太慢的问题原创 2022-08-08 22:45:08 · 2674 阅读 · 1 评论 -
JS中如何防止AJAX命令重复加载(执行一次,自动向后台发送两次以上的请求)
将代码部署在服务器上后,在提交数据并将数据插入数据库时,总是在提交后不多时,数据便变成了乱码。后来发现原来是AJAX在捣鬼。1、将如下代码放在将要发送AJAX请求的方法前<!--防止ajax重复加载--><script> function prevent_reloading(){ var pendingRequests = {}; ...原创 2018-12-13 17:11:05 · 4560 阅读 · 0 评论 -
django后台返回的数据使用ajax直接填充到前台页面的表格中
web前端页面:<table id="myTable" cellpadding="1" cellspacing="0" border="1"> <caption align="top">流程管理</caption> <thead> <tr> <th>流程ID</th> <th>...转载 2018-08-01 10:29:51 · 9696 阅读 · 1 评论 -
Ajax--案例
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t转载 2018-01-14 21:18:53 · 168 阅读 · 0 评论 -
jquery中操作样式类名称案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-16 22:44:32 · 269 阅读 · 0 评论 -
jquery中click事件案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-16 22:43:10 · 273 阅读 · 0 评论 -
jquery选择器的转移使用
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-16 22:41:51 · 296 阅读 · 0 评论 -
jquery中选择器的过滤使用
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-15 21:57:52 · 183 阅读 · 0 评论 -
jquery中的常用选择器
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-15 21:55:30 · 366 阅读 · 0 评论 -
jquery与原生的不同之处
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-15 21:51:48 · 190 阅读 · 0 评论 -
jquery-中绑定和解绑事件
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t翻译 2018-01-06 22:38:27 · 309 阅读 · 0 评论 -
jquery-中冒泡事件的验证
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t翻译 2018-01-06 22:37:17 · 287 阅读 · 0 评论 -
jquery-中的鼠标事件
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t翻译 2018-01-06 22:36:09 · 253 阅读 · 0 评论 -
jquery-中的事件委托
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t翻译 2018-01-06 22:35:05 · 270 阅读 · 0 评论 -
JavaScript实现复选框的全选、全部不选、反选
以较为简洁的程序实现复选框的全选、全部不选、反选 操作。并且将可变的部分设置为JS的参数,以实现代码复用。全选和全不选第一个参数为复选框名称,第二个参数为是全选还是全部不选。function allCheck(name,boolValue) { var allvalue = document.getElementsByName(name); for (var i ...转载 2018-10-31 17:03:24 · 401 阅读 · 0 评论 -
js实现textarea根据内容大小自适应高度
首先,我们来看看源代码:/*** 文本框根据输入内容自适应高度* @param {HTMLElement} 输入框元素* @param {Number} 设置光标与输入框保持的距离(默认0)* @param {Number} ...转载 2018-10-12 10:05:31 · 2258 阅读 · 0 评论 -
H5中利用jquery控制表格隐藏多余字符
1.页面效果<td class="ellipsis" title="Sky Gamblers: Storm Raiders"> <div style="width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ">Sky Gamblers: Storm Raide...转载 2018-08-21 09:26:22 · 567 阅读 · 0 评论 -
Javascript刷新当前页面
reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用r...转载 2018-08-20 17:14:57 · 1138 阅读 · 0 评论 -
HTML5中利用javaScript属性制作水平下拉菜单
<!doctype html><html><head><title></title><meta charset="utf-8"><style> *{padding:0px;} div{margin:20px 150px;} ul{list-s原创 2018-08-13 09:37:33 · 1206 阅读 · 0 评论 -
HTML5中div的特点展示案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&原创 2018-08-08 23:32:31 · 755 阅读 · 0 评论 -
HTML5中理解以及解决margin-top的塌陷问题
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&转载 2018-08-08 23:29:30 · 831 阅读 · 0 评论 -
HTML5中form表单属性的应用
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&原创 2018-08-08 23:24:51 · 976 阅读 · 0 评论 -
HTML5中select属性的使用案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><原创 2018-08-08 23:12:03 · 1053 阅读 · 0 评论 -
HTML5中margin属性的使用案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><原创 2018-08-08 22:59:56 · 6892 阅读 · 0 评论 -
HTML5中嵌入式的使用
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><原创 2018-08-08 22:56:45 · 2216 阅读 · 0 评论 -
H5读取本地文件
常见的语言比如php、shell等,是如何读取文件的呢?实际上,大多数语言都需要先获取文件句柄,然后调用文件访问接口,打开文件句柄,读取文件!那么,HTML5是否也是这样的呢?答案是肯定的!HTML5为我们提供了一种与本地文件系统交互的标准方式:File Api。该规范主要定义了以下数据结构:File FileList BlobHTML5访问本地文件系统时,需要先获取...转载 2018-08-28 17:41:38 · 1819 阅读 · 0 评论 -
JS设置定时器和清除定时器
JS设置定时器和清除定时器 在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧。一、启用定时器 window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一...转载 2018-09-03 14:50:52 · 188037 阅读 · 4 评论 -
弹出一个淡入淡出的提示框,且自动消失
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>title</title><SCRIPT>var intTimeStep=20;var isIe=(window.ActiveXObjec转载 2018-09-03 16:17:17 · 1914 阅读 · 0 评论 -
如何用js读取复选框的值?
思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。1、HTML结构<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" na转载 2018-09-21 17:34:29 · 1691 阅读 · 0 评论 -
h5中引入jquery包在script中写ajax方法
$.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是ajax重要特性 data:{"id":"value"}, //参数值 type:"GET", //请求方式 b...转载 2018-08-03 10:28:06 · 3354 阅读 · 0 评论 -
js中byte[]类型的数据和string类型的数据相互转换字符编码UTF-8
1.string转byte function stringToByte(str) { var bytes = new Array(); var len, c; len = str.length; for(var i = 0; i < len; i++) { c ...转载 2018-08-03 09:42:32 · 12151 阅读 · 0 评论 -
获取table表格中指定单元格里的值
1.页面布局 <body onload="show()"> <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="myta转载 2018-08-02 15:36:54 · 3941 阅读 · 0 评论 -
获取ckeditor的内容
<script type="text/javascript" src="ckeditor/ckeditor.js"></script></head><textarea cols="80" id="Text" name="Text" rows="20">这里是默认值,修改文本转载 2018-08-01 21:58:24 · 2491 阅读 · 1 评论 -
jquery中的css属性操作
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-01-15 21:53:47 · 244 阅读 · 0 评论 -
HTML5中使用javascript代码实现Tab切换
<!DOCTYPE html><html><head> <meta charset="utf-8"/><title>javascript实现Tab切换</title><style>*{padding:0px;margin:0px;}ul li {cursor:p原创 2018-08-08 22:54:11 · 1021 阅读 · 0 评论 -
HTML5中使用option属性实现级联下拉列表
<!DOCTYPE><html> <head> <title>级联下拉列表</title> <meta charset="UTF-8"> </head><body onload="load()"><div> <sele...原创 2018-08-08 22:35:57 · 5668 阅读 · 3 评论 -
HTML5中ol-li属性的应用
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&原创 2018-08-13 09:36:59 · 1801 阅读 · 0 评论