js篇
文章平均质量分 70
小勇Oo
这个作者很懒,什么都没留下…
展开
-
jquery-smartMenu鼠标反键菜单
核心文件:一、这是什么样的一个插件我们都知道,默认状态下,我们右键web页面,会出现一个上下文菜单,例如下图:这个插件能够做到鼠标反键,成上下文的菜单格式,效果图如下所示:二、使用此插件使用不需要任何图片资源,但是需要调用一段CSS样式,你可以在头部放入如下的一段CSS文件引入代码,脚本部分,显然,jQuery库以及插件脚本是少不原创 2015-07-30 09:18:22 · 2231 阅读 · 0 评论 -
js原型
关键字:prototype通过原型扩展js函数对象的方法 js学习 $(function() { //增加属性 //为Person函数对象添加属性 Person.prototype.test = "aa"; //为Person函数对象添加函数 Person.prototype.eat原创 2014-12-28 19:31:32 · 555 阅读 · 0 评论 -
js函数定义,js对象
js函数定义三种方式:函数声明:function test(val) { console.log(val + "--->函数方式一"); };函数表达式: var f = new function(val) { alert("aaa"); console.log("ta---->函数方式二");原创 2014-12-28 15:48:55 · 775 阅读 · 0 评论 -
easyUI基本组件的使用
使用版本:jquery-easyui-1.2.6导入基本插件: 按钮和窗体组件: 按钮 ssssss js代码: $(function() { //默认讲win关闭 调用组件的方法 $("#win").window('close'); //点击按钮 将wi原创 2014-12-05 08:57:06 · 826 阅读 · 0 评论 -
焦点获取之思路
一个应用场景:input输入框中:获取焦点,当里面有字的时候,发现光标线在字的前面,这点用户体验太差了!解决思路: 1.获取值 2.将值清空 3.获取焦点 4.附上值代码DEMO如下: $(function() { //$("input[type=text]")[0].focus();原创 2015-04-13 11:44:01 · 681 阅读 · 0 评论 -
easyUI中tab选项鼠标反键关闭全部,关闭左侧,关闭右侧,关闭其他。
页面布局 //tabs选项 $(function() { //点击a下面有title的出发事件 $("a[title]").click(function() { var src = $(this).attr("title"); var title = $(this).text(); var flag = $("#tt原创 2014-12-11 16:16:29 · 4402 阅读 · 0 评论 -
一个很好的滚动条插件jquery.slimscroll.js
该插件的下载地址: https://codeload.github.com/rochal/jQuery-slimScroll/zip/v1.3.0安装Set up首先需要引入jquery在次需要引入:一个example如下:html:Lorem ipsum dolor sit amet, consec原创 2015-05-06 17:54:55 · 8223 阅读 · 1 评论 -
easyui window拖动越界2中解决方案
1.使用easyui.min.js文件调用easyui控件,只需要引用如下文件即可: /*---------------------------------------------------------------- // 文件名:window-dragbug-fix.js // 文件功能描述:修复easyui中panel,dialog,win原创 2015-02-27 17:53:36 · 1707 阅读 · 1 评论 -
easyui常见的api
JQuery EasyUI 中文APICSS类定义:div easyui-window window窗口样式属性如下: 1) modal:是否生成模态窗口。true[是] false[否] 2) shadow:是否显示窗口阴影。true[显示] false[不显示] div easyui-p转载 2015-02-19 21:16:30 · 769 阅读 · 0 评论 -
为js对象创建命名空间
js对象有一种创建方式,类似于json数据,格式如下:var obj = { name : 'feng', age:23, say:function() { //................ }}但是对于一个js框架书写用这种方式不利于为不同的原创 2015-02-07 14:52:23 · 808 阅读 · 0 评论 -
easyui-treegrid篇
先来看一个故事, ,主角就是赵括。赵括自少时学兵法,言兵事,以天下莫能当。尝与其父奢言兵事,奢不能难,然不谓善。括母问奢其故,奢曰:“兵,死地也,而括易言之。使赵不将括即已;若必将之,破赵军者必括也!”及括将行,其母上书言于王曰:“括不可使将。”及括将行,其母上书言于王曰:“括不可使将。”王曰:“何以?”对曰:“始妾事其父,时为将,身所奉饭耳进食者以十数,所友者以百数;大王及宗室所赏赐者尽原创 2015-08-28 19:18:20 · 5677 阅读 · 1 评论 -
js正则篇幅
元字符:. 匹配除了换行符以外的任意字符\w 匹配字母或数字或下划线或汉字等 [a-z0-9A-Z_] (只考虑英文的话效果一样)\d 表示数字的意思,相反,\D表示非数字限定符:* 重复零次或多次+ 重复一次或多次? 重复一次或多次{n} 重复n次{n,} 重复n次或更多次{n,m原创 2015-11-16 10:58:08 · 571 阅读 · 0 评论 -
jsonp解决跨域问题
解决的场景(如下图所示):当使用ajax的方式远程访问服务端的资源时候,会出现跨域问题。跨域产生的原因: 跨域问题的产生是浏览器一段的,服务器是不存在跨域问题这一说的。跨域问题是浏览器同源策略限制,当前域名的js只能读取同域下的窗口属性。一个网站的网址组成包括协议名,子域名,主域名,端口号。比如https://github.c原创 2016-03-11 10:29:57 · 1477 阅读 · 0 评论 -
封装jquery中的ajax
// JavaScript Document/***************************************************************** jQuery Ajax封装通用类 *****************************************************************/原创 2016-04-25 14:27:21 · 643 阅读 · 0 评论 -
js获取项目名称
//js获取项目根路径,如: http://localhost:8080/ems getRootPath:function () { //获取当前网址,如: http://localhost:8080/ems/Pages/Basic/Person.jsp var curWwwPath = window.document.loca转载 2015-02-06 15:26:33 · 1270 阅读 · 0 评论 -
当退出时候,并没有全屏退出,只是在iframe里面退出的解决
//判断如果当前页面不为主框架,则将主框架进行跳转 var tagert_URL = "/loginController/login"; if(self==top){ alert("aa"); window.location.href = tagert_URL; }else{ alert("bb"); top.locat原创 2015-03-02 16:56:40 · 1545 阅读 · 0 评论 -
jqueryUI的拖动说明
jqueryUI是一套UI框架,官方说明:jQuery UI is a curated set of user interface interactions,effects, widgets, and themes built on top of the jQuery JavaScript Library.Whether you're building highly interactive web原创 2015-06-11 17:33:50 · 783 阅读 · 0 评论 -
easyui-tree动态获取后台数据成为书结构的操作
属性easyui前端框架的应该知道,返回树的json类型:[ { "id": 1, "text": "Folder1", "iconCls": "icon-save", "children": [ { "text": "File1",原创 2015-05-20 16:13:42 · 4801 阅读 · 0 评论 -
javascript原生态Ajax及java注解
Ajax的学习 不需要任何第三方jar包 作用:异步刷新页面,也成为局部刷新页面的目的,降低了服务器的压力,将重心放在客户端。过程:第一步:获取XmlHttpServlet对象 function getXmlHttpRequest() { var xmlhttp; if (window.XMLHttpReques原创 2015-02-06 14:46:29 · 589 阅读 · 0 评论 -
关于事件触发多次产生的BUG问题
先看一段简单的html+js脚本无标题文档 $(function() { $("input[name=bind]").click(function() { $("#one").click(function() { alert("aaa"); }); }); });原创 2015-01-20 09:55:36 · 1074 阅读 · 0 评论 -
easyui表单验证
html: 用户名 : 密 码 : 提交 js: //自定义表单验证 $.extend($.fn.validatebox.defaults.rules, { midLength : { validator: function(value, param){ re原创 2014-12-05 09:39:03 · 828 阅读 · 0 评论 -
输入文本框中的内容改变,立即出发js的实现
兼容性文本框内容改变立即出发事件 window.onload=function(){ //文本框dom var otxt=document.getElementById("txt"); //要展示的dom var oshow=document.getElementById("show"); if(document.all){ otxt.on转载 2015-05-21 11:55:14 · 2724 阅读 · 0 评论 -
制作ico图标
ps:平常我们在打https://www.baidu.com时候,会在浏览器上面的tab选项中看到熊掌的图标,在http://www.qq.com会看到一个企鹅的logo,在打http://www.taobao.com的时候会看到一个淘字的logo.图片如下:那么究竟是如何做到的呢?关键字:favicon实现方式如下: 1.制作ico图标的网址:原创 2015-04-08 19:50:06 · 1381 阅读 · 0 评论 -
JavaScript Call()函数的总结
call函数的说明:调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项,将被传递方法参数序列。 //javascript call函数的研究 function add(a, b) {原创 2015-02-13 16:03:47 · 552 阅读 · 0 评论 -
js对函数对象的增,删除,修改
js学习 $(function() { var p = new Person("zhangsan", 25); //增加属性 p["hoppy"] = "做llllll"; //修改属性值 p.age = "20"; //删除属性 delete p.hoppy; conso原创 2014-12-28 16:51:09 · 2163 阅读 · 0 评论 -
前段jquery.cookie.js使用介绍
对于cookie的取出可以从el中获取,jsp内置对象中有介绍。但是对于前段而言,现在的技术越多越多,对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头率。对jquery.cookie.js的常用方法介绍: $.coo原创 2015-04-24 15:52:51 · 798 阅读 · 0 评论 -
Html5播放音频格式
HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:标签。使用audio标签可以控制音频的播放与停止,循环播放与播放次数设置,以及播放位置等等,详情请看下表。如何使用Audio要在HTML5中播放音频,需要在body中插入以下代码: 奇怪为什么要引用三个resource?因为这是为了转载 2015-04-16 15:34:05 · 2405 阅读 · 0 评论 -
对于事件没有反应,Jquery中的live()函数
首先看一下W3c官方Api如何说的:jQuery 事件 - live() 方法live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。语法:$(selector).live(event,data,function)原创 2015-01-28 13:53:41 · 747 阅读 · 0 评论 -
将汉子转化为拼音的js插件
汉子转化为拼音,的js插件如下:/*----------------------------------------------------------------// 文件名:chinese2pinyin.js// 文件功能描述:把汉语转换成拼音。//// // 创建标识://// 修改标识:// 修改描述://// 修改标识:// 修改描述://----------原创 2015-05-19 13:55:56 · 4780 阅读 · 0 评论 -
js常用的code
1.js对变量的判断,若为null,'',undefined 则返回为true/***********js非空判断(undfined,null,'')***********/ function isNull(value) { if(typeof value == 'undefined ') { return true; } if(value == '' ||原创 2015-12-09 15:45:02 · 2055 阅读 · 0 评论