文章分类 - JS
JS
摘要：最近在做一个学校的XXX系统项目，因项目有个需求就是要像在word里面的添加批注功能一样，就是选中一段文字，然后为这些页面添加一些额外的信息；刚开始我们的方案是记录选中内容的下标，然后保存到数据库中，当要显示的时候就再数据库中读取下面然后在客户端用js合并，做着做着发现这种方法很烦，最后我们决定采用...
阅读全文
摘要：在实际的项目开发中，我们需要输入文本，这样在html的input文本框，远远不能满足我们实际的需求，而采用文本编辑器插件又太过于复杂，所以有时候我们使用textarea来实现文本输入！那么怎么实现后台Enter换行在前台显示换行操作呢？首先在页面显示的换行其实是一个而我们输入Enter换行输入的事一...
阅读全文
摘要：经常在工作中或者在面试中会碰到这样的问题，比如我想要个布局右侧固定宽度 左侧自适应或者三列布局 左右固定 中间自适应的问题。 下面我们分别来学习下，当然我也是总结下而已，有如以下方法：一：右侧固定宽度 左侧自适应 第一种方法：左侧用margin-right，右侧float：right 就可以实现。HTML代码可以如下写: 我是龙恩 我是龙恩 CSS代码可以如下写： .box-left{height:300px;margin-right:300px;background:#DDD;} .box-right{width:300px;height:300px;float:right;...
阅读全文
摘要：在Dom 编程中我们只能使用有限的函数根据id 或者TagName 获取Dom 对象. 然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。本文主要对常用的jQuery 选择器进行一个介绍及归类。jQuery 选择器大体上可分为 4 类：基本选择器、层次选择器、过滤选择器、表单选择器。其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。基本选择器：$("#myELement") 选择id值等于myEle
阅读全文
摘要：在这里介绍一款小巧，功能强大，能拖拽，支持异步，且兼容性更高的jquery Tree插件效果如下：选择：拖拽：jquery.simple.tree.官网地址： http://news.kg/wp-content/uploads/tree/（貌似已经打不开），不过因为操作比较简单，所以我们暂且用之。前面讲过jquery EasyUI Tree插件，简单易用，但经过测试仍有诸多缺点， 例如： 1、兼容IE8的AJAX有问题。 2、如果异步返回数据较慢，将可能导致加载失败。 3、我们只使用其中的Tree功能，但其体积实在有点庞大。...而我们需要的是，兼容性好，异步，体积小（用Tree的场景...
阅读全文
摘要：1.页面<!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 runat="server"> <title>Porschev----无刷新翻页</title> <scr
阅读全文
摘要：<div class="area"> <p> 还可以输入<b class="num">140</b>字</p> <textarea class="chackTextarea"></textarea> </div><script type="text/javascript"> var txtobj = { divName: "area", //外层容器的class textareaName:
阅读全文
摘要：本文将以淘宝网商品详情的简易导航为例，和大家一起分享通过jQuery和CSS实现页面元素（要浮动的层）智能定位的效果。实现过程Js侦听滚动事件，当页面滚动的距离（页面滚动的高度）超出了对象（要滚动的层）距离页面顶部的高度，即要滚动的层到达了浏览器窗口上边缘时，立即将对象定位属性position值改成fixed（固定）。同时为了有个好点的体验效果，可以将对象的样式设置阴影效果以便更好的区分浮动层与页面内容主体。这里需要注意的是，老前辈IE6不支持fixed，那就只能使用absolute来代替，但是这样会有一个问题，将会导致在IE6下看不到平滑效果。我们可以通过window.XMLHttpRequ
阅读全文
摘要：function compareTime(a,b) { /// <summary> /// 比较时间大小 /// a>b 返回false，a<b 返回true /// </summary> /// <param name="a"></param> /// <param name="b"></param> /// <returns type=""></returns> var arr=a.split("-");
阅读全文
摘要：1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"> <li><input type="radio" class="
阅读全文
摘要：JSON返回时间格式为UTC： /Date(1294829766816)/格式化为：2011-01-12function changeDateFormat(cellval) {/// <summary>/// 改变时间格式/// </summary>/// <param name="cellval"></param>/// <returns type=""></returns> var date = new Date(parseInt(cellval.replace("/D
阅读全文
摘要：1、关于页面元素的引用 — Aseoe通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成j...
阅读全文
摘要：来源：http://www.cnblogs.com/sybboy/archive/2013/01/19/2868153.html今天整理系统，发现系统很多页面，只有在IE6下显示正常，其它的都不正常，很是奇怪。所以上网找了一些关于浏览器兼容的问题和解决办法，在此我觉得大牛们总结的比较精彩，分享给网友们！ 一、CSS兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐，用下面的一种感觉最安全) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)代码: <style> #wrap
阅读全文
摘要：在我们做项目的过程中难免会让弹出层来展示一些信息，这里推荐一款比较不错的jquery插件，下面说一下特点和新版本增加的功能wBox特点背景透明度可以根据实际情况进行调节可以根据需要添加wBox标题支持callback函数支持html内容自定义支持在wBox显示#ID的内容支持Ajax页面内容支持iFrame支持wBox拖拽功能ESC键，或者在背景上双击即可关闭wBoxclass为wBox_close点击可以关闭wBox，无论是组装的html，还是隐藏的html，甚至于iframe的内容中的.wBox_close新功能优化代码~美化界面~默认可拖动，drag为false关闭新增wBox关闭方法：
阅读全文
摘要：什么是JSONP协议?JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。很明显，JSONP是一种脚本注入(Script Injection)行为，需要特别注意其安全性。Jquery中的jsonp实例我们需要两个页面，分别承担协议的客户端和服务器端角色。客户端代码：<!DOCTYPE html PU
阅读全文
摘要：http://www.cnblogs.com/eyu/archive/2011/01/26/1945240.html
阅读全文
摘要：1. 基础选择器Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1,selector2,selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#divId
阅读全文
摘要：jquery技巧总结一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻
阅读全文
摘要：View Code <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs" Inherits="SqlPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><
阅读全文
摘要：<script language="javascript" type="text/javascript"> var updater = { poll: function() { $.ajax({ url: "Handler1.ashx", type: "POST", dataType: "text", success: updater.onSuccess, error: updater.onError }); }, onSuccess: function(data, dataStat
阅读全文
