前台页面类
ghjzzhg
人不能活的太舒服,太舒服容易出问题
展开
-
前端jQuery火箭图标返回页面顶部代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-03-19 17:45:20 · 383 阅读 · 0 评论 -
Failed to set the 'value' property on 'HTMLInputElement': This input element解决办法
这没有从根本解决问题,但这是最快的方法,哪位老铁有更好的方法,请留言://Just to remove error inside the console.//If error exists then onChange event is not fired.var fileHook = { get: function (elem) { return this.valu翻译 2017-09-28 17:07:01 · 9514 阅读 · 0 评论 -
Ext核心API详解-Ext.tree.TreePanel
config定义{animate : Boolean,containerScroll : Boolean,ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new Ext.tree.TreeDropZone(this, this.dropConfig || {原创 2017-09-11 15:48:47 · 723 阅读 · 0 评论 -
前台页面jsp调用qq发起聊天,点击“联系我们”链接弹窗qq聊天窗口
在很多网站中经常会用到联系管理员或联系客服,点击打开自动打开qq聊天窗口,qq若未登录会提醒是否登录。js代码实现:中代码 修改密码 联系管理员 退出系统在jQuery中调用这个点击事件:function showAbout(){ //调用qq发起聊天 uin=后面是要联系的qq号码 location.href="tencent://message/?uin=842原创 2017-09-01 18:11:14 · 2715 阅读 · 0 评论 -
将表单序列化为json对象
$.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){转载 2017-08-31 18:32:13 · 279 阅读 · 0 评论 -
前台js中将时间格式中的T去掉(yyyy-MM-ddThh:mm:ss)
最近写前台页面遇到的,搞了好久,记一下: field : 'pickdate', title : '送货日期', width : 100, formatter : function(data, row, index) { return data.replace("T", " "); }原创 2017-08-30 14:46:38 · 23682 阅读 · 0 评论 -
pageContext、获取用户名、本机IP、获取请求URL
pageContext用于取得其他有关用户要求或页面的详细信息${pageContext.request.queryString} 取得请求的参数字符串${pageContext.request.requestURL} 取得请求的URL,不包括参数字符串${pageContext.request.contextPath} 服务的web application 的名称原创 2017-08-22 13:57:20 · 5207 阅读 · 0 评论 -
EL表达式
EL表达式一、EL表达式的概念 EL表达式是为了便于获取数据而定义的一种语言,JSP 2.0之后才成为一种标准。下面的示例是一个简单的EL表达式: ${stuno + 1} 二、EL表达式的基本语法 EL表达式的出现让Web的显示层发生了大的变革,EL表达式用于获取数据,原创 2017-08-22 13:54:45 · 314 阅读 · 0 评论 -
前台js页面字体滚动划出播放
欢迎大家来到我的地盘,该交费了吧。鼠标移动可控制暂停播放原创 2017-08-18 17:05:27 · 592 阅读 · 0 评论 -
前台js页面定时显示弹窗消息提示
经常写前台js可能会遇到的代码// 页面加载后 右下角 弹出窗口 /**************/ window.setTimeout(function(){ $.messager.show({ title:"消息提示", msg:'欢迎登录,超级管理员! 联系管理员', timeout:5000 }); },3000);原创 2017-08-18 16:25:58 · 5415 阅读 · 0 评论 -
正则表达式的思维导图解读
导图内容解析:语法结构字符普通字符:字母、数字、汉字、下划线,匹配与之相同的一个字符简单转义字符:\n(换行),\t(制表),\\(\本身)和 \^...(\^等有特殊作用的符号如要匹配自己的话要用转义)标准字符集合注意区分大小写,大写是相反的意思,匹配相反是不匹配\d任意一个数字,0~9\w任意一转载 2017-10-17 17:19:22 · 521 阅读 · 0 评论 -
百度地图在java项目中的应用、搜索及定位点
此段代码是在java项目前台JS中引用百度地图进行固定点的定位以及位置的搜索功能: body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} 地图展示<% String scname = request.getParamet原创 2017-10-09 17:30:27 · 3486 阅读 · 1 评论 -
java项目js中点击登录和回车键(enter)两种登录方式
//点击登录,触发点击事件 function go(){ if (code_flag) { $("#loginform").submit(); } } //点击回车键登录 function keyLogin(){ if (event.keyCode==13){ //回车键的键值为13 alert("回车!"); $("#log原创 2017-10-20 16:53:56 · 4077 阅读 · 0 评论 -
最全最规范的正则表达式详解
一、校验数字的表达式1. 数字:^[0-9]*$2. n位的数字:^\d{n}$3. 至少n位的数字:^\d{n,}$4. m-n位的数字:^\d{m,n}$5. 零和非零开头的数字:^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数:^(\-)?\d...转载 2019-08-05 14:32:57 · 489 阅读 · 0 评论 -
HTML5中多页面实现背景音乐的连续播放
在单个页面中插入背景音乐,当跳转到其他页面时,背景音乐就没了,此时若在其他页面添加相同的audio控件,那么跳转后音乐会重新播放;因此想办法让他能够在跳转后能够继续播放此音乐:新建一个music.html页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <titl...原创 2019-01-08 17:45:29 · 20779 阅读 · 5 评论 -
前台页面HTML5的Audio音频标签学习使用
原文链接:http://caibaojian.com/html5-audio.htmlHTML5中的新元素标签src:音频文件路径。 autobuffer:设置是否在页面加载时自动缓冲音频。 autoplay:设置音频是否自动播放。 loop:设置音频是否要循环播放。 controls:属性供添加播放、暂停和音量控件。这些属性和<video>元素标签的属性很类似如...转载 2019-01-08 17:38:24 · 1341 阅读 · 0 评论 -
eclipse中jquery插件Aptana的安装
首先还是要介绍一下aptana,不然装了也不知道能干嘛。Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 *Outliner(大纲):显示JavaScript,HTML和CSS的代码结构。*代码语法错误提示。*支持Aptana UI自定义和...转载 2018-06-29 11:19:10 · 910 阅读 · 0 评论 -
前台js中图片picture设置
图片设置上一页、下一页、切换、预加载等功能://相册层 layer.photos = function(options, loop, key){ var dict = {}; options = options || {}; if(!options.photos) return; var type = options.json...原创 2018-06-08 17:38:24 · 1163 阅读 · 0 评论 -
HTML5中section和div使用的区别
HTML标准是这样写的:The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.Examples of s转载 2018-02-01 16:41:33 · 1846 阅读 · 0 评论 -
微信小程序如何使用阿里妈妈iconfont图标库
1、首先进入iconfont首页,没有账号的先注册账号http://www.iconfont.cn/2、选择需要的图标,加入到你的小车中3、在这里新建一个项目将图标加进去,这个时候就可以查看并且下载下来了4、点击download code将图标代码下载下来,解压后找到iconfont.css文件打开,将内容全部复制到你需要添加图标的wxss文件中,然后再到阿里妈妈i原创 2017-12-11 20:57:27 · 4529 阅读 · 4 评论 -
前端省市区(县)三级联动下拉框
调用省市区的思想要先确定下来,一般是有多处调用,所以将省市区三级联动抽取为工具js!静态页面例子: addressInit('cmbProvince', 'cmbCity', 'cmbArea'); 工具js:var addressInit = function(_cmbPr原创 2017-06-22 16:45:27 · 41228 阅读 · 9 评论 -
Extjs中grid 的ColumnModel 属性配置和常用方法及实例
本文导读:Ext.grid.ColumnModel 该类用于定义表格的列模型,其配置项是一个由“列定义”组成的数组,还可以是JSON组成的对象。其中也定义很多操作列的属性、方法 比如:查找某个列,隐藏某个列等等。一, 用数组的方式配置ColumnModelvar colModel = new Ext.grid.ColumnModel([{ header:'编号',转载 2017-04-18 23:35:49 · 7483 阅读 · 0 评论 -
EXT CheckboxSelectionModel 多选效果以及获取选定值
网上找了好久 原来很简单。SendBillSerachGridPanel.superclass.constructor.call(this, {id : this.myid,title:"派车单查询",stripeRows : true, // 交替行效果iconCls : "goldenbean-customer",autoScroll:true,sm:new E转载 2017-04-18 23:31:12 · 3584 阅读 · 0 评论 -
Eclipse-Eclispe导入正确工程后出现xml等文件报错
我用Eclipse IDE导入一个正确的项目工程,一些xml配置文件和jsp页面报错,点进去查看具体的错误,xml文件是一些头文件处报错,jsp是一些函数等等。可是别人导入没有报错。这是因为我们写的这些文件没有严格按照J2EE相关规则进行编写,不过运行也不会出错,只要不让我们项目配置选中这些就好了。解决方法:第一步:Project Explorer (如果没有这个窗口可以在转载 2017-02-28 21:35:39 · 1598 阅读 · 0 评论 -
前台页面json的二级联动
var china = {"provinces":[{"name" :"吉林省",city:["长春","吉林市","四平","松原","通化"]},{"name" :"辽宁省",city:["沈阳","大连","鞍山","抚顺","铁岭"]},{"name" :"山东省",city:["济南","青岛","威海","烟台","潍坊"]},{原创 2017-01-16 17:43:42 · 577 阅读 · 0 评论 -
js中前台数据左右切换移动
左右移动或者上下移动都一样,核心思想就是左边对象获取右边的idscript type="text/javascript">// 先注册整个文件加载完成之后的事件window.onload =function() {//通过id属性值获取add标签对象varaddButton = document.getElementById("add");// 动态给这个addBu原创 2017-01-16 17:21:07 · 922 阅读 · 0 评论 -
js表格隔行变色
script type="text/javascript">// 动态事件注册,先要把这个文档加载完成的事件先添加上window.onload =function() {// 再通过tr标签查找到所有的行标签对象vartrs = document.getElementsByTagName("tr");// 遍历每一个行标签对象,来设置它的class属性值for(原创 2017-01-16 17:15:30 · 533 阅读 · 0 评论 -
js中动态生成表格
script type="text/javascript">functiondemo() {// 获取输入框内输入的行和列的数值varrowValue = parseInt(document.getElementById("row").value);varcolValue = parseInt(document.getElementById("col").value);原创 2017-01-16 17:14:08 · 839 阅读 · 0 评论 -
js标签全选全部选反选
script type="text/javascript">// 动态注册事件,一定要先把这个文档加载 完成的事件先添加上window.onload =function() {// 通过id属性值查找对应的标签对象varcheckallButton = document.getElementById("checkall");// 然后通过动态事件注册 的方式。给全选添加原创 2017-01-16 16:56:22 · 557 阅读 · 0 评论 -
js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
onclick 单击事件onblur 失去焦点事件onchange 当对象或选中区的内容改变时触发。onmouseover 当用户将鼠标指针移动到对象内时触发。onmouseout 当用户将鼠标指针移出对象边界时触发。onsubmit 当表单将要被提交时触发。1、静态点击事件script type="text/javascript">// A标签的点击事原创 2017-01-16 16:30:20 · 77523 阅读 · 0 评论 -
js和html的注册页面
需求:1, 用户名称验证,必须由字母、数字、下划线组成,并且长度为8-15长度2, 用户密码 必须由字母、数字、下划线组成,并且长度为6-12长度3,确认密码必须与用户密码相同4,性别,必须选一个5, 兴趣爱好也必须至少选一个6,国家也必须选一个(美国,中国,或者英国)7,自我评价不能不空 // 当验证数据有非法时,返回false,阻止表单提交原创 2017-01-16 15:50:48 · 886 阅读 · 0 评论 -
js和html结合的判断、循环语句
1、if判断语句 85分及以上成绩优秀,84到60分弹及格。60分以下。弹不及格。var score = 59;// 判断 成绩在85分及以上成绩if (score >= 85) { alert("优秀!"); //判断84分到60分} else if (score >= 60 && score alert("及格"); // 不及原创 2017-01-16 15:07:26 · 9003 阅读 · 0 评论 -
在线安装eclipse中html/jsp/xml editor插件(非常可靠)
之前有一篇文章也是安装eclipse中的web开发插件 ,但是经过很多人使用,那种方法,不是所有人使用都可以。接下来,找到一种非常管用的方法,就是在线安装。废话不多说,这种方法绝对可以安装成功。 1.打开eclipse中的help————>Install New Software 2.点击Add按钮,然后弹出一个框,第一个文本框可以随便写,第二个一定转载 2017-02-28 21:43:45 · 3618 阅读 · 0 评论 -
Eclipse中写Ext的spket插件的自动提示
使用eclipse编写extjs时,一定会用到spket这个插件,spket可以单独当作ide使用,也可以当作eclipse插件使用,我这里是当作eclipse的插件使用的,下面来一步步图解说明如何配置spket插件。第一步:下载spket插件由于spket插件是需要收费使用的,这里为了方便大家学习extjs,我附上spket插件破解版(支持extjs4.1)供大家下载,我的百度网转载 2017-02-22 23:30:06 · 401 阅读 · 0 评论 -
qtip2插件
qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。qTip2采用了MIT/GPLv2许可,官方网站为:http://craigsworks.com/projects/qtip2/,目前还没发布一个稳定版,Nightly版本经常会更新,当然这并不影响正常使用。简介若不放心可以尝试旧版的qTip,但转载 2017-02-22 23:18:48 · 573 阅读 · 0 评论 -
ExtJs组件监听事件
extjs对组件添加监听的常用三种方式 (1)在定义组件的配置时设置如代码中所示: [javascript] view plain copy"font-size:14px;">xtype : 'textarea', name : 'test', labelSeparator:'', fieldLabel转载 2017-04-18 23:26:15 · 1302 阅读 · 0 评论 -
怎么在浏览器网站前添加图标(图片)
大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 CSDN是个C 、网易163邮箱是个“易”、360浏览器是他们的logo旋转球等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢?有了这个小图标你的网站就会比别人的网站更加醒目,更能引起其他人的注意。PHOTOSHOP、FLASHFXP、记事本 需要制作一个ico格式原创 2017-04-18 22:56:18 · 4820 阅读 · 0 评论 -
debuger方法的使用
我一直使用printf调试程序,一般来说都是比较顺利,但有时候,你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用1. debugger;我以前也说过,你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。需要带有条件的断点吗?你只需要用if语句包围它:复制代码 代码如下:if (som原创 2017-04-28 17:37:41 · 1346 阅读 · 0 评论 -
Ext.menu.Menu菜单栏
1、Ext.menu.Menu主要配置项Ext.menu.Menu组件主要配置项配置项参数类型说明itemsMixed有效菜单项数组ignoreParentClicksBoolean忽略任何作为父菜单项的单击事件,默认为falseplainBoolean是否移转载 2017-04-28 15:34:27 · 926 阅读 · 0 评论 -
extjs中treepanel(含栗子)
TreePanel继承自Panel,在ExtJS中使用树控件含有丰富的属性和方法实现复杂的功能。其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍几个extjs中treepanel例子一、TreePanel基本配置转载 2017-04-28 15:29:12 · 4776 阅读 · 0 评论