
前台技术
文章平均质量分 89
GP0071
不想写
展开
-
前台技术--页面只读JS写法
针对开发页面查看功能时,页面的所有空间都应该是只读的,例如使用 readonly,disabled等等来做处理。如果一个个空间的去屑耗时又耗力,在网上查了下写了一个通用的JS方法,可以遍历页面控件元素,然后做只读处理,分享下:代码如下:// 页面控件都改为只读function showInit() { var inputArr = document.forms[0];原创 2014-01-23 21:14:21 · 2023 阅读 · 0 评论 -
AJAX -- 通过JSON完成多形态的数据格式传送
在使用AJAX完成前后台的异步交互(页面无刷新更新数据)时,我们经常会遇到需要传递多个值或者一个数组的数据到前台,此时网上有好多人,使用将多个数据通过逗号等标识符进行区分,然后前台使用split完成转换数组的形式,此种方案会存在BUG,一旦数据中包含标识符将会引起程序的错误。这里我们使用JSON进行传输,也就是将要传输的数据转换成JSON的格式,然后前台JS对JSON进行解析,JSON的API有很多原创 2015-09-07 17:49:31 · 1208 阅读 · 0 评论 -
JavaScript -- 使用JavaScript生成JSON格式的字符串
继[使用JavaScript解析JSON格式的字符串]后整整理生成JSON(http://blog.youkuaiyun.com/gaopeng0071/article/details/46442107) 用习惯了java处理程序,改用javascrpit真心不是很习惯。下面是我用js生成json的总结 下面的用法类似与使用JAVA中的List与map 在JS中 存储list,通过var list =原创 2015-07-01 12:10:15 · 1158 阅读 · 0 评论 -
前台技术--通过javaScript提交表单
window.location=pp+"?username="+getCookie("username")+"&userid="+getCookie("userid");替换document.write("");document.write("");document.write("");document.write("");document.formx1.submit();原创 2014-07-29 10:09:06 · 1303 阅读 · 0 评论 -
前台技术--多行录入域实现
function insert(){ var aalen = document.getElementsByName("aa").length; aalen = eval(3+aalen); var x=document.getElementById('adInfo').insertRow(aalen); var y=x.insertCell(0); y.style.width="27原创 2014-06-09 17:19:18 · 1125 阅读 · 0 评论 -
前台技术--div的隐藏与显示
如何使用页面元素隐藏或显示。dom为我们提供了两个变量visibility和displayvisibility:隐藏要元素但是元素所暂用的空间不予释放。也就是说元素隐藏了,但是页面上会流出一片空白的地方。用法:style="visibility: hidden;"document.getElementById("typediv1").style.visibility原创 2014-04-29 10:30:29 · 2718 阅读 · 0 评论 -
前台技术--js实现日期控件
转载:http://tuposky.iteye.com/blog/1300502通过JS自己实现的日期控件空能,里面有/* 使用方法介绍:在html里加上如下文本框则可 为了计算弹出来的位置这里文本框ID必须为txt_calendar后续可以改成取其他属性的值或者写个 方法把id当参数传入主要功能介绍:鼠标滚轮上滚翻倒上一个月鼠标滚轮下滚翻到下一个月方向键的左右键分别控转载 2014-04-11 16:00:19 · 1493 阅读 · 0 评论 -
js--前台双击域获取数据实践
通过点击前台双击录入域,弹出模态框,展示数据,并且展示固定数量的数据,实现分页功能。1、首先在触发双击事件(ondblclick)后,需要弹出一个窗口。function ondbGuanLianADId(){ adId = window.showModalDialog('getAdForMac.action', null ,'dialogHeight=500px; dialogWid原创 2014-03-13 17:38:33 · 4134 阅读 · 0 评论 -
前台技术--window.showModalDialog带来的浏览器兼容问题
双击域的实现:http://blog.youkuaiyun.com/gaopeng0071/article/details/21179619,继此篇博文,讲述的双击域实现,在后续发现使用window.showModalDialog模态框存在浏览器兼容性问题。使用chrome时,会出现模态框的返回值无法返回到父页面,使用此种方式: window.returnValue摘自:http://bl原创 2014-03-27 11:47:29 · 15516 阅读 · 0 评论 -
前台技术--dhtrmlxTree使用
dhtmlTree一个比较好用的tree插件,使用javascrpt实现。引用步骤:1、官网下载:http://dhtmlx.com/docs/products/dhtmlxTree/2、解压后如图:3、目录结构:4、代码写法:详见35到45行代码为初始化dhtmlxtree写法,详细参数说明:http://www.cnblogs.com原创 2014-03-19 10:08:31 · 1527 阅读 · 0 评论 -
AJAX--模板代码记录
前台javascript写法function checkDimension(){ var startDate = document.getElementById("advInfoVo.startDate").value; var endDate = document.getElementById("advInfoVo.endDate").value; // 频道 var channel原创 2014-03-10 15:37:07 · 1396 阅读 · 0 评论 -
AJAX--服务器返回结果乱码
服务器返回客户端数据包含中文时,出现乱码response.setContentType("text/html;charset=utf-8");原创 2014-03-10 15:16:14 · 1440 阅读 · 0 评论 -
前台技术--javascript比较日期大小
// 判断日期有效性 startDate = startDate.replace("-","/");//替换字符,变成标准格式 endDate = endDate.replace("-","/");//替换字符,变成标准格式 var d1 = new Date(Date.parse(startDate)); var d2 = new Date(Date.parse(endDate));原创 2014-03-11 11:33:29 · 2149 阅读 · 0 评论 -
前台技术--web页面通过JS显示当前日期
在JSP中写法如下: <!-- var enabled = 0; today = new Date(); var day; var date; if(today.getDay()==0) day = " 星期日" if(today.getDay()==1) day = " 星期一" if(toda原创 2014-02-19 14:36:18 · 2350 阅读 · 0 评论 -
前台技术--页面跳转的几种用法
按钮式:链接式:返回上一步">返回上一步直接跳转式:window.location.href='http://www.lezhu99.com';开新窗口:netJS跳转页面参考代码第一种:window.location.href="login.jsp?backurl="+window.location.href;第二种:ale原创 2014-02-27 10:15:36 · 3535 阅读 · 0 评论 -
前台技术--有关二级联动及多城市选择功能实现
下面记录下开发过程中的代码,便于后续使用。1、多选下拉框,实现左右联动选择,其中引用了bootstrap样式的网络资源,使用时需保证网络可用。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>//使用jquery,实现select录入原创 2014-01-17 18:06:04 · 4856 阅读 · 0 评论 -
Jquery -- JQuery对象操作(附对应JS方法)
大类 JQ方法 备注创建元素var $h1 = $(“”)将内含的HTML包装为JQuery对象,并返回创建文本var $h1 = $("DOM模型")可以用任何HTML代码创建文本创建属性var $h1 = $(“DOM模型”)可转载 2015-11-06 14:35:46 · 1373 阅读 · 0 评论