前端
文章平均质量分 68
前端笔记
Alone_in_
今天又是美好的一天呢!
展开
-
radio单选框的选中与取消(超详细讲解!)
一、前情提要 刚开始想做的效果是这样:我操作了checkbox复选框,radio单选框的状态会随之变化。进而引出一系列问题,如:1、radio单选框选中了如何取消,取消了如何再选中;2、当checkbox选中状态发生变化时触发事件;3、操作checkbox复选框,radio单选框如何做出相对应的改变二、案例解说 直接给你们抛详细案例。<%@ page language="java" contentType="text/html; charset=UTF-8" pageE...原创 2020-06-26 17:27:54 · 33880 阅读 · 5 评论 -
前端遍历函数forEach() 、 $().each() 和 $.each() 学习总结
前端遍历函数forEach()1、forEach() 是JS遍历数组的方法<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona...原创 2020-01-09 16:41:06 · 7816 阅读 · 0 评论 -
$.messager.show、alert、confirm、prompt、progress 的使用以及如何自定义关闭事件(EasyUI)
··············EasyUI中messager的学习使用·········目录一、基本说明 方法: 属性:二、实例演示(1)$.messager.show(2)$.messager.alert(3)$.messager.confirm(4)$.messager.prompt(5)$.messager.progress(6)$...原创 2020-01-07 12:00:35 · 7841 阅读 · 0 评论 -
JS中的Math.max.apply()、Math.max()、Math.min.apply() 和 Math.min()
最近遇到这个函数,记录一下它的用法以及我对它的理解。一、功能使用<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...原创 2020-01-03 14:06:17 · 4354 阅读 · 0 评论 -
submit提交form表单后不刷新页面--方法记录
一、添加iframe首先是一个比较简单且常用的实现方法<form name="addNum" id="addNum" method="post" target="iframe"> ……</form><iframe id="iframe" name="iframe" style="display:none;"></iframe>...原创 2019-12-11 21:35:57 · 7954 阅读 · 1 评论 -
点击按钮触发事件弹出 div 小窗口
首先设置配置mydialog.css@charset "utf-8"; .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; ...原创 2019-12-04 11:58:41 · 4903 阅读 · 1 评论 -
设置select菜单禁止选择或选择无效
一、disabled属性在select上设置disabled="disabled",即可将下拉菜单变为只读状态,不可选择,点击也无效。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//...原创 2019-12-04 11:07:38 · 7752 阅读 · 1 评论 -
前端修改<a>标签的 href 属性和其中的文字方法汇总
目前知道的四个获取文字的方法:<%@ 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/...原创 2019-11-19 15:41:41 · 1823 阅读 · 0 评论 -
前端显示和隐藏<div>的方法 / 判断
前端 div 模块的显示和隐藏方法:一、加载页面时 隐藏 再 显示 :三种方法,亲测可行~~<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 T...原创 2019-10-24 15:31:38 · 5531 阅读 · 0 评论 -
easyui-accordion默认展开指定分类
二话不说上代码!这是HTML的代码:<body> <div region="west" split="true" class="easyui-panel" title="导航菜单" style="width: 250px;"> <div id="aa" class="easyui-accordion" style="position: absolu...原创 2019-10-22 12:16:08 · 1306 阅读 · 0 评论 -
EasyUI中获取 / 清空datebox中的日期
想必能做到这里代码应该都已经写的差不多了,我就只放一部分啦!HTML部分:<td> <span> 录入日期 :</span></td><td> <input style="width: 43%; height: 25" class="easyui-datebox" id="startTime"> ...原创 2019-10-17 09:58:51 · 1113 阅读 · 0 评论 -
JS 判断字符串中是否包含某个字符串(方法总结)
我是想在js中判断字符串是否包含某个中文,将方法记录起来,这些方法也适用于数字、字母。实践是检验真理的唯一标准,还是要多多测试啊。String对象的方法方法一:indexOf()var groupName="小白A组";alert('groupName.indexOf() =' + (groupName.indexOf("组") != -1)); //trueindex...原创 2019-09-24 12:28:40 · 98303 阅读 · 12 评论 -
在文本输入框输入后Enter回车触发事件
第一种情况:普通的text文本<%@ 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/...原创 2019-09-30 16:48:43 · 3080 阅读 · 0 评论 -
前端点击文字,对应的checkbox多选框或radio单选框会自动勾选
想点击文字checkbox就会自动勾选,就不用每次都要对着小方格点。加个label标签,将for属性设置的和input里的id值一样即可,如下:<div class="easyui-linkbutton"> <label style="height: 20; font-size: 11px" for="selectOnly"><input type="c...原创 2019-09-10 14:31:02 · 7233 阅读 · 6 评论 -
HTML空格占位符汇总
1. (常用)不换行空格,全称No-Break Space,它是按下space键产生的空格。空格不会累加(只显示一个)。使用html表示才会累加,该空格占据宽度受字体影响。2. 半角空格,全称En Space,en为em宽度的一半(em类似于px受设置不同为20px=1em或其他自定义大小)。占据0.5个中文宽度,不受字体影响。3、&em...转载 2019-08-30 17:07:32 · 42034 阅读 · 0 评论 -
JS 中判断空值 undefined 和 null 经验积累
JS 中判断空值 undefined 和 null做项目的时候遇到这个,就顺便把他记录下来啦!当做经验累积……我做了几个小测试,有带引号的不带引号的。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUB...原创 2019-08-24 14:52:22 · 602 阅读 · 0 评论 -
treeGrid 的使用( EasyUI )
treeGrid 的使用经历第一次用有点方。还是一样先上代码 <table id="bom" class="easyui-treegrid" title="" style="width: auto; height: auto;" data-options=" iconCls: 'icon-ok', rownumbers: true, anima...原创 2019-08-01 10:40:32 · 4210 阅读 · 4 评论 -
动态生成下拉列表(JQuery、EasyUI)
一、原始的select标签:<%@ 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/T...原创 2019-07-24 15:40:42 · 792 阅读 · 0 评论 -
新窗口的打开(window.open)的使用
刚学会用……我测试用的是Google浏览器哦!语法:window.open( URL,name,specs,replace )参数 说明 URL 打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口 name 指定target属性或窗口的名称。支持以下值: _blank - URL加载到一个新的窗口。这是默认 _parent ...原创 2019-07-22 15:11:50 · 908 阅读 · 0 评论 -
EasyUI 中自定义组件 icon 图标
EasyUI 中自定义组件 icon 图标EasyUI 中自带的 icon 图标:EasyUI 自带的 icon 就 二十多个,大多数情况下都不够用,需要自定义icon图标才能满足需求。今天将自定义的方法记录一下,积累起来:步骤一:上网找到合适的图标下载下来;推荐一个免费的图库:https://www.easyicon.net/(下载16*16的png图标 , 示例:dat...原创 2019-07-02 14:37:11 · 11535 阅读 · 2 评论 -
关于前端刷新当前页面的方法总结
js 刷新当前页面今天想总结一下之前学到的三种刷新方法:reload() 方法;replace() 方法;页面自动刷新;一、reload() 方法reload()方法用于刷新当前文档。reload() 方法类似于浏览器上的刷新页面按钮。语法:location.reload(forceGet)参数forceGet类型Boolean描述可选。默认为...原创 2019-07-02 11:28:08 · 12273 阅读 · 0 评论 -
前端输出测试语句……(实用篇)
javascript输出测试语句的三种方式(常用)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--将JS代码编写到script标签中--> <script type="text/j...原创 2019-06-28 11:52:28 · 3557 阅读 · 1 评论 -
HTML DOM深入学习(小白必备)
一、基本定义 DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 以树结构表达 HTML 文档。二、思维导图三、实例说明https://www.runoob.com/htmldom/htmldom-intro.html或http...原创 2020-01-13 12:25:39 · 632 阅读 · 0 评论 -
JS控制文本框只读状态(普通、EasyUI的textbox)
一、普通文本框 用原生获取DOM元素的方法去获取可以进行改变,但是改用 $('#test') 这种反而不起作用。<body> <a>测试:</a><input id="test" type="text" readonly="readonly"><br> <button onclick="clickTest()"&g...原创 2020-05-02 22:18:30 · 5771 阅读 · 0 评论