❶、JavaScript
关注
分享
扫一扫
JavaScript
郑清
If I were you.
展开
-
JavaScript(25) 如何给页面设置透明背景加上粒子背景特效
在css样式中添加如下样式即可filter:alpha(opacity=60); //60就是60%的透明度opacity:0.6; //0.6也是60%的透明度意思比如我在最近项目中的hui-admin框架中设置了透明然后加上了粒子背景特效，整个页面看上去就会特别炫酷哦~~效果图：下面再分享一个最近我项目中所使用到的粒子背景js代码吧<!-- 粒子背景样...原创 2018-12-05 15:47:11 · 1152 阅读 · 0 评论 -
JavaScript(20) jquery自动拼接参数
$("属性名").serialize(); //自动拼接参数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery自动拼接参数</title> <script type="text/javascript" src="js/...原创 2018-11-07 17:31:09 · 2014 阅读 · 0 评论 -
JavaScript(21) js位置、如何定义、调用、变量提升、事件继承、命名空间、jquery插件等等
js位置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js代码位置</title> <script type="text/javascript" src="link.js"><...原创 2018-11-07 23:11:13 · 344 阅读 · 0 评论 -
JavaScript(8) Ajax登录案例
前台页面：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l...原创 2018-11-05 14:59:55 · 875 阅读 · 0 评论 -
JavaScript(9) json字符串转换为json对象的2种方式(eval、parse)
json字符串 --> '{"id":1,"name":"张三"}'json对象 --> {"id":2,"name":"李四"}json字符串转为json对象 方式①：使用eval --> eval("("+jsonStr+")");json字符串转为json对象 方式②： JSON.parse(jsonStr)eval和 JSON...原创 2018-11-05 17:07:44 · 6667 阅读 · 1 评论 -
JavaScript(10) ajax案例之二级联动json版
先上效果图：前台页面：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/...原创 2018-11-05 18:04:21 · 572 阅读 · 0 评论 -
JavaScript(11) jQuery概念，引入，页面加载以及与dom对象的互转
jQuery是一个快速，小巧，功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax更加简单，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器，最新版本是jQuery3.x。 jquer...原创 2018-11-05 23:26:27 · 334 阅读 · 0 评论 -
JavaScript(22) 获取系统时间实现每秒刷新(格式:2018-11-26 18:33:25 星期一)
效果图：js代码：<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>智销系统</title> <%@ include file="/WEB-INF/views/head.jsp"%...原创 2018-11-26 18:38:50 · 1939 阅读 · 0 评论 -
JavaScript(24) Ajax实现提交form表单到后台并接收返回数据处理
前台html表单<form action=""> <ul class="editInfos"> <li><label><font color="#ff0000">* </font>请输入旧密码：<input type="text" name="oldPassword" i...原创 2018-12-02 17:08:09 · 25581 阅读 · 1 评论 -
JavaScript(23) 创建元素标签和属性在body中(jQuery插件)
效果图：代码：（注意引入jQuery插件！！）<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javas...原创 2018-11-30 21:24:13 · 1977 阅读 · 0 评论 -
JavaScript(26) jQuery封装form表单数据为json对象格式
①给你的form表单取个id值 id="zq_form"<form id="zq_form" class="layui-form" action="" style="margin-top: 20px;align:center;"> <input type="hidden" name="id"/> <%--隐藏字段id,区分添加和修改--%>...原创 2018-12-22 16:04:58 · 4167 阅读 · 0 评论 -
JavaScript(27) jQuery获取form表单内容及数据回显
在我们提交form表单到后台的时候需要获取字段内容 以及 编辑表单内容时从后台获取到数据时需要进行数据回显到form表单的字段值下面将这2种方式抽取出来，可以放在公共js部分 然后在需要使用的时候去引入它//将form里面的内容序列化成json数据$.fn.serializeJson=function(otherString){ var serializeObj={},...原创 2018-12-23 19:35:31 · 8629 阅读 · 1 评论 -
JavaScript(19) jquery+ajax实现二级联动
实现效果图：前台页面：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery+ajax实现二级联动</title> <script type="text/javascript" src="js/jquery/jque...原创 2018-11-07 17:25:42 · 565 阅读 · 0 评论 -
JavaScript(18) jquery+ajax实现用户登录案例
jQuery.get(url, [data], [callback], [type]);url: 待载入页面的URL地址data: 待发送 Key/value 参数。callback: 载入成功时回调函数。type: 返回数据的类型，xml, html, script, json, text, _default。jQuery.post(url, ...原创 2018-11-07 16:26:22 · 21139 阅读 · 1 评论 -
JavaScript(17) jquery＋ajax获取服务器时间案例
jQuery.get(url, [data], [callback], [type]); url:待载入页面的URL地址 data:待发送 Key/value 参数。 callback:载入成功时回调函数。 type:返回数据的类型，xml, html, script, json, text, _default。jQuery.post(url, [data],...原创 2018-11-07 16:05:44 · 749 阅读 · 0 评论 -
JavaScript(3) 定时器(setTimeout，setInterval)
一次性定时器 setTimeout<script> function show(){ alert("广告广告。。。"); } setTimeout("show()",1000);//一次性定时器 1秒后出现 弹框 //var id = setTimeout("show()",1000);...原创 2018-10-18 13:00:56 · 239 阅读 · 0 评论 -
JavaScript(4) 基础语法记录
获取指定的元素通过id属性获取:document.getElementById("id属性"); //注意：标签的id值必须唯一通过标签名字获取:document.getElementByTagName("标签的名字");通过name属性值获取:document.getElementByName("name的值");添加标签 （注意：要添加的标签不存在时，需要先创建）...原创 2018-10-18 19:25:29 · 379 阅读 · 0 评论 -
JavaScript(1) 入门之三种写法
如何写JS？？？方式1：行内JS<a href="javascript:alert(参数值)">浏览器显示信息</a>方式2：页面内JS （注意：代码从上往下执行，可以写在页面内的任意位置！！）<script type="text/javascript"> JS代码</script>方式3：外部JS （注意：...原创 2018-10-17 19:58:48 · 2922 阅读 · 0 评论 -
JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)
提示：我们可以从jquery文档上学习哦~ 下面简单的介绍几种常用的选择器===================================基本选择器==================================id选择器 #id --> 匹配指定id名称元素选择器 --> 匹配指定标签名类型选择器 .class --> ...原创 2018-11-06 19:33:47 · 41951 阅读 · 7 评论 -
JavaScript(13) jquery中html()和text()的区别
html() ---> 获取指定标签中的内容（能将标签一起获取）text() ---> 获取纯文本内容（不能获取标签）ex：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Insert title here&l...原创 2018-11-06 21:01:25 · 5130 阅读 · 0 评论 -
JavaScript(14) jquery三种点击事件(click、on、bind)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>添加点击事件</title> <script type="text/javascript" src="js/jquery/jquery-1.11.2.js"></scr...原创 2018-11-06 22:25:54 · 10402 阅读 · 0 评论 -
JavaScript(15) jquery循环方法
$.each(object,function(index,e){ ... }); object --> 需要遍历的对象或数组 index -->索引 e -->循环的每个元素<!DOCTYPE html><html> <head> <meta charset="...原创 2018-11-06 22:29:00 · 3806 阅读 · 0 评论 -
JavaScript(5) Ajax概念、方法、属性、如何创建、以及3个案例
AJAX --> 即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。AJAX特点 -->网页可以实现局部更新AJAX核心 -->JavaScript 对象 XMLHttpReque...原创 2018-11-04 16:42:31 · 651 阅读 · 1 评论 -
JavaScript(6) Ajax获取服务器时间案例
前台页面：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l...原创 2018-11-04 21:26:46 · 1487 阅读 · 0 评论 -
JavaScript(7) Ajax验证用户名案例
前台页面：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l...原创 2018-11-04 21:42:39 · 1623 阅读 · 0 评论 -
JavaScript(16) jquery如何克隆一个按钮及其属性
$("属性名").clone(true);效果图：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery克隆</title> <script type="text/javascript" src="js/jquery...原创 2018-11-07 15:22:50 · 1138 阅读 · 0 评论 -
JavaScript(2) 三种弹出框(alert、confirm、prompt)
<script> alert('hello');//弹框① 没有返回值，返回undefined confirm("弹框②");//返回值为布尔类型：true、false prompt("这是弹框③吗？","是的");//带输入框的弹框</script>接下来让我们分别看看它们展示的效果~~alert('hello');confirm("弹框...原创 2018-10-18 10:10:38 · 11239 阅读 · 1 评论