![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB基础
荒--
这个作者很懒,什么都没留下…
展开
-
EL 表达式 和三目运算的使用
在普通的jsp页面中使用EL 和三目运算 如下<a href="https://www.baidu.com" target="_blank" style="${1 == 1 ? 'color:yellow' : ''}">百度</a>若在freemark中可以采用如下语法用freemarker时写三目运算,开始一直这样写,${true?3:4}, 不行,再换成: ${true?'3':'4'},汗,还是不行,然后想起freemarker输出字符串后面要带上?strin.原创 2020-12-19 11:56:41 · 708 阅读 · 1 评论 -
获取图片或者网址中的颜色RGB值或者16进制值
1.先将图片所需部分截屏2.打开画图工具,粘贴,如下3.在画图的工具栏中中的颜色选取器(一个小吸管图标),放在需要选取的颜色上,得到颜色4.点击工具栏中的编辑颜色,在右下角有红、绿、蓝,就是RGB值,其中:R:red 红G:green 绿B:blue 蓝5.如果想要把RGB值转换成16进制的,在网站百度一下 RGB值转16进制把RGB值输入到里面就会出现值了链接:https://www.sioe.cn/yingyong/yanse-rgb-16/输入RGB的.原创 2020-10-21 22:00:27 · 5652 阅读 · 0 评论 -
购物车
代码如下: 购物车 h1 { text-align:center; } table { margin:0 auto; width:60%; border:2px solid #aaa; border-collapse:collapse;原创 2017-04-21 14:23:33 · 408 阅读 · 0 评论 -
自定义对象创建的三种方式
代码如下:创建自定义对象 //使用第一种方式创建对象 function f1() { //1.创建对象 var teacher = new Object(); teacher.name = "苍老师"; teacher.age= 40; teacher.work = function (){ alert("我教Java");原创 2017-04-21 16:36:01 · 1456 阅读 · 0 评论 -
JSON对象的转换
Java中JSON字符串与java对象的互换实例详解这篇文章主要介绍了在java中,JSON字符串与java对象的相互转换实例详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下:在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML、JSON等,JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的标签,这无疑占据了网络流量,JSON在这方面则做的很好,下原创 2017-04-23 20:30:02 · 385 阅读 · 0 评论 -
图片轮播
图片轮播 ul{ list-style-type:none;/*去掉列表前面的.*/ border:2px solid #CCC; width:480px; height:360px; margin:0; padding:0; } li{原创 2017-04-24 10:33:00 · 350 阅读 · 0 评论 -
计算器-时间冒泡--事件源
JS代码如下:<!DOCTYPE html><html> <head> <title>计算器</title> <meta charset="utf-8" /> <style type="text/css"> .panel { border: ...原创 2017-04-24 21:52:43 · 536 阅读 · 0 评论 -
jQuery之防止冒泡事件
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。下面是html代码部分:"content"> 外层div元素 内层span元素 外层div元素"msg">对应的jQuery代码如下:"text/javascript">$(function(){ // 为span元素绑定click事件 $('spa原创 2017-08-03 14:13:33 · 247 阅读 · 1 评论 -
联动菜单的设置--jQuery
jsp页面:<% String basePath = renderRequest.getContextPath();%> 联动菜单 /js/jquery-1.11.1.js"> //事先预置好每个省所对应的市 //0-无 1-山东 2-浙江 3-江苏 var cit原创 2017-11-11 22:15:35 · 294 阅读 · 0 评论 -
js删除数组里的某个元素
原文链接:http://caibaojian.com/js-splice-element.html删除数组指定的某个元素首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:Array.prototype.indexOf = function(val) {for (var i = 0; i < this.length; i++) {if (this[i]...原创 2018-03-15 13:50:20 · 3640 阅读 · 0 评论 -
js判断一个元素是否在数组中
js中存在一个数组,如何判断一个元素是否存在于这个数组中呢,首先是通过循环的办法判断,代码如下:var arr = ['a','s','d','f'];console.info(isInArray(arr,'a'));//循环的方式/** * 使用循环的方式判断一个元素是否存在于一个数组中 * @param {Object} arr 数组 * @param {Object} value...原创 2018-03-15 14:48:47 · 10222 阅读 · 0 评论 -
用js实现trim()的解决办法
去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的内置方法中去。 写成类的方法格式如下:(str.trim();) <script language="javascript"> String.prot...原创 2018-03-15 15:47:57 · 1770 阅读 · 0 评论 -
自定义JSTL-保留两位小数,添加千分位分隔符
默认的JSTL标签中的f<mt:formatNumber>采用的是四舍六入五奇偶,来进行保留小数位数的例如:2.235要求保留两位小数,若第三位小数为5的情况(1)看第四位,若第4位没有,则看第二位小数,奇数则进位,偶数则舍去(2).若第四位小数有值,则进位(例如2.365008 进位)2.235 = 2.24 2.44502 = 2.45操作步骤:1.定...原创 2018-07-16 22:33:18 · 1758 阅读 · 0 评论 -
将input标签设置为不可编辑状态的三种方法
一:disabled disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例:<input type="text" disabled="disabled" /> 二...转载 2018-07-13 09:48:44 · 27637 阅读 · 0 评论 -
定时器的使用(秒表+点击图片变大)
样式代码如下:秒表定时器 #d1{ width:300px; margin:10px auto; border:2px solid #CCC; text-align:center; } p{ width:80px; height:30px; border:2px solid red; margin:8px原创 2017-04-17 15:09:24 · 585 阅读 · 0 评论 -
一次性定时器
样式代码如下: 动态提示信息 p{ width:100px; margin:10px auto; /*border:1px solid red;*/ text-align:center; } .hide{ display:none;原创 2017-04-17 11:53:51 · 5385 阅读 · 0 评论 -
利用HTML创建特殊表格
创建如下图所示的表格。图-1 作业1 table{ width:100px; height:100px; } table,table td{ border:1px solid red; } a b原创 2017-04-08 23:34:54 · 580 阅读 · 0 评论 -
CSS选择器的权重与优先规则
我们在使用CSS对网页元素定义样式时经常会遇到这种情况:要对一般元素应用一般样式,然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢?在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。那么,又怎么来计算选择器的特殊性呢?下面原创 2017-04-11 17:49:08 · 168 阅读 · 0 评论 -
照片墙-浮动定位+相对定位
html代码如下: 照片墙 body{ background-color:#300; } ul{/*ul宽、高、居中*/ width:780px; margin:10px auto; /*border:1px solid #FFF;*/ /*去原创 2017-04-13 16:02:26 · 773 阅读 · 0 评论 -
列表样式的使用与注意事项
列表样式 .open{ list-style-image:url("../images/open.png"); } .close{ list-style-image:url("../images/close.png"); } .add{ list-style-image:原创 2017-04-13 22:07:18 · 502 阅读 · 0 评论 -
DOM中对节点的操作
对节点的操作 .pp{ text-align:center; } window.onload = function(){ var a = document.getElementById("a1"); //alert(a.getAttribute("href"));原创 2017-04-18 14:15:29 · 360 阅读 · 0 评论 -
计算平方
样式代码如下: 计算平方 /*计算输入数字的平方*/ function cal(){ //获取文本框的值 var input = document.getElementById("num"); //获取span,向其写入值 var span = document.getEle原创 2017-04-14 19:31:55 · 1364 阅读 · 0 评论 -
猜数字
样式代码如下: 猜数字 //生成随机数,由于改变量处于函数外部 //因此是全局变量,改变里那个是在加载页面时加载的 var init_num = parseInt(Math.random()*100)+1;//1-100 console.log(init_num); function guess(){原创 2017-04-14 22:35:59 · 424 阅读 · 0 评论 -
计算阶乘
样式代码如下: 阶乘 function cal(){ var n = document.getElementById("num").value; var result = document.getElementById("result"); if(n == "" || isNaN(n) || n100){原创 2017-04-15 11:21:13 · 496 阅读 · 0 评论 -
利用正则表达式做验证登录
样式代码如下: 登录 form{ width:500px; margin:150px auto; border:1px solid #CCC; } form h1{ text-align:center; margin:0; pa原创 2017-04-16 11:29:23 · 4029 阅读 · 0 评论 -
eval()函数的注意事项
模版 var globalEval = eval; //定义全局eval函数别名 var a ="global", b = "global"; //全局变量 function c(){ var a = "local"; //局部变量 eval('a+="changed"'); //直接更改局部变量的值原创 2017-04-16 19:58:57 · 514 阅读 · 0 评论 -
联动菜单极其注意事项
代码如下: 联动菜单 //事先预置好每个省所对应的市 //0-无 1-山东 2-浙江 3-江苏 var cities = [ ["请选择"], ["青岛","济南","烟台"], ["杭州","宁波","温州"], ["南京","无锡","苏州"] ]; func原创 2017-04-20 16:05:11 · 248 阅读 · 0 评论 -
JS弹窗的三种方式
JS弹窗的三种方式 //第一种 function f1(){ alert("这是第一种弹窗alert,单击确定后才能进行下一步的操作,只是提醒,不能对脚本产生任何改变"); } //第二种 function f2(){ var flag = confirm("这是第二种弹窗confirm单击确定返回原创 2017-04-17 10:28:11 · 26347 阅读 · 2 评论 -
动态时钟
样式代码如下: 动态时钟 var id; function start(){ id = setInterval(function(){ var date = new Date(); var time = date.toLocaleTimeString(); var span = do原创 2017-04-17 11:26:04 · 454 阅读 · 0 评论 -
WEB基础——英雄联盟网页
英雄联盟_达内百科 div{ width:960px; margin:0 auto; } .content{ border:1px solid #CCC; } .copyright{ text-align:center; } tab原创 2017-04-08 15:33:27 · 2625 阅读 · 0 评论