随笔档案「2017年2月2日」：防止页面后退（使浏览器后退按钮失效） ... - 山涧清泉

防止页面后退（使浏览器后退按钮失效）

摘要：原理：用新页面的URL替换当前的历史纪录，这样浏览历史记录中就只有一个页面，后退按钮永远失效。注：history.go和history.back（包括用户按浏览器历史前进后退按钮）触发，页面由于使用pushState修改了history），会触发popstate事件。【代码如下】注：直接放在阅读全文

posted @ 2017-02-02 20:21 山涧清泉阅读(642) 评论(0) 推荐(0)

jQuery为动态生成的select元素添加事件的方法

摘要：项目中需要在点击按钮时动态生成select元素，为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码 1、首先定义全局js变量 var strVoucherGroupSelect =""; 2、在js中写好获取服务端数据的代码 function genVoucherGroup 阅读全文

posted @ 2017-02-02 19:41 山涧清泉阅读(2064) 评论(0) 推荐(0)

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name= 阅读全文

posted @ 2017-02-02 19:34 山涧清泉阅读(1308) 评论(0) 推荐(0)

jQuery实现鼠标选中文字后弹出提示窗口效果

摘要： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c 阅读全文

posted @ 2017-02-02 19:29 山涧清泉阅读(2124) 评论(0) 推荐(0)

jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

摘要：在我们开发过程中特别是用户注册时会有一个效果，就是文本框获取焦点清空提示，如果用户没有输入信息失去焦点赋值上我们的提示语。 <html> <head> <meta http-equiv="content-type"content="text/html; charset=UTF-8"/> <scrip 阅读全文

posted @ 2017-02-02 19:26 山涧清泉阅读(282) 评论(0) 推荐(0)

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.o 阅读全文

posted @ 2017-02-02 19:18 山涧清泉阅读(663) 评论(0) 推荐(0)

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equ 阅读全文

posted @ 2017-02-02 19:14 山涧清泉阅读(380) 评论(0) 推荐(0)

BootStrap中按钮点击后被禁用按钮的最佳实现方法

摘要： //禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true); // Disables visually + functionally //禁用类型为butto 阅读全文

posted @ 2017-02-02 17:44 山涧清泉阅读(3803) 评论(0) 推荐(0)

jquery把int类型转换成字符串类型的方法

摘要： jQuery中把获取的number类型数据转换成字符串类型 var val=$(“#id).val(); If(typeof val==”number”){ val+=' '; } 阅读全文

posted @ 2017-02-02 17:36 山涧清泉阅读(1678) 评论(0) 推荐(0)

深入理解bootstrap框架之第二章整体架构

摘要：标注下，正好最近关注前段框架 1. CSS-12栅格系统把网页宽度均分为12等分（保留15位精度）——这是bootstrap的核心功能。 2.基础布局组件包括排版、按钮、表格、布局、表单等等。 3.jQuery bootstrap插件的基础 4.响应式设计兼容多个终端。这是bootstrap的阅读全文

posted @ 2017-02-02 17:15 山涧清泉阅读(194) 评论(0) 推荐(0)

针对后台列表table拖拽比较实用的jquery拖动排序

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jqueryUI拖动</title> </head> <script src="js/jquery-1.11.0.min.js"></script> <scri 阅读全文

posted @ 2017-02-02 17:00 山涧清泉阅读(1435) 评论(1) 推荐(0)

jQuery继承extend用法详解

摘要： /直接基于jQuery的扩展,判断是否为空 $.isBlank = function(obj){ return(typeof(obj)=='undefined'||obj==''||obj==null); } //直接基于jQuery的扩展，去除html标签，保留内容 $.htmlContent = 阅读全文

posted @ 2017-02-02 16:55 山涧清泉阅读(3176) 评论(0) 推荐(0)

jquery获取html元素的绝对位置和相对位置的方法

摘要：绝对位置坐标：代码如下: $("#elem").offset().top$("#elem").offset().left 相对父元素的位置坐标：代码如下: $("#elem").position().top$("#elem").position().left 另：static(默认):默认定位方阅读全文

posted @ 2017-02-02 16:47 山涧清泉阅读(263) 评论(0) 推荐(0)

jquery获取点击控件的绝对位置简单实例

摘要：在使用jquery的过程中，想取得当前点击input的绝对位置而去显示一个div，jquery本身提供offset和position这个两个方法，但position官方解释是relative to the offset parent，可以看到是针对父结点的，而offset官方解释relative t 阅读全文

posted @ 2017-02-02 16:38 山涧清泉阅读(3265) 评论(0) 推荐(0)

Jquery实现上下移动和排序代码

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c 阅读全文

posted @ 2017-02-02 16:06 山涧清泉阅读(399) 评论(0) 推荐(0)

利用JQuery直接调用asp.net后台的简单方法

摘要：利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。 [WebMethod] 命名空间 1、无参数的方法调用, 注意：1.方法一定要静态方法，而且要有[WebMethod]的声明后台<C#>: using System.Web.Script.Services; [WebMe 阅读全文

posted @ 2017-02-02 15:03 山涧清泉阅读(395) 评论(0) 推荐(0)

jQuery 检查某个元素在页面上是否存在实例代码

摘要：用jQuery检查某个元素在网页上是否存在时，应该根据获取元素的长度来判断，代码如下： if($("#tt").length > 0) { //元素存在时执行的代码 } 不能使用以下代码： if($("#tt")) { //永远执行，不管元素是否存在 } 这就是为什么要根据元素的长度来判断元素在页面阅读全文

posted @ 2017-02-02 14:56 山涧清泉阅读(170) 评论(0) 推荐(0)

jquery配合.NET实现点击指定绑定数据并且能够一键下载

摘要：原文链接 http://www.jb51.net/article/95983.htm 大体思路： 1.jquery得到选中的绑定数据的id,将这个id赋值到数组中，最后将这个数组的值赋值给页面中创建的隐藏变量 2.后台获取到隐藏变量的值，并将它循环数组取值，得到绑定值的下载地址，最后打包下载首先h 阅读全文

posted @ 2017-02-02 14:51 山涧清泉阅读(220) 评论(0) 推荐(0)

实用链接

摘要： jQuery API 中文文档 http://www.css88.com/jqapi-1.9/ Boots http://www.bootcss.com/ 菜鸟教程 http://www.runoob.com/ W3school http://www.w3school.com.cn/index.ht 阅读全文

posted @ 2017-02-02 14:44 山涧清泉阅读(141) 评论(0) 推荐(0)

jQuery动态生成Bootstrap表格

摘要： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+ 阅读全文

posted @ 2017-02-02 14:27 山涧清泉阅读(3411) 评论(0) 推荐(0)

jQuery.ajax实现根据不同的Content-Type做出不同的响应

摘要：使用H5+ASP.NET General Handler开发项目，使用ajax进行前后端的通讯。有一个场景需求是根据服务器返回的不同数据类型，前端进行不同的响应，这里记录下如何使用$.ajax实现该需求。 $.ajax({ ‘url‘: ‘GetWatermarkInfo.ashx‘, ‘type‘ 阅读全文

posted @ 2017-02-02 14:26 山涧清泉阅读(476) 评论(0) 推荐(0)

js定义对象

摘要： 1.工厂模式 function createPerson(name,age,job){ var o = {}; o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o 阅读全文

posted @ 2017-02-02 12:40 山涧清泉阅读(231) 评论(0) 推荐(0)

Welcome to jQuery EasyUI

摘要： http://www.jeasyui.com/ 阅读全文

posted @ 2017-02-02 12:31 山涧清泉阅读(117) 评论(0) 推荐(0)

easyUI实现(alert)提示框自动关闭的实例代码

摘要： function alert_autoClose(title,msg,icon){ var interval; var time=1000; var x=2; //设置时间2s $.messager.alert(title,msg,icon,function(){}); interval=setIn 阅读全文

posted @ 2017-02-02 12:26 山涧清泉阅读(543) 评论(0) 推荐(0)

JSON TO JOBJECT转换的使用方法

摘要：在进行Linq to JSON之前,首先要了解一下用于操作Linq to JSON的类. 1.创建JSON对象除此之外，还可以通过一下方式来获取JObject.JArray类似。 o为要转化的对象，返回一个JObject对象 2.创建JSON数组 1.查询首先准备Json字符串，是一个包含员工基本阅读全文

posted @ 2017-02-02 11:57 山涧清泉阅读(297) 评论(0) 推荐(0)