
常用应用实例@javaScript
唐钰小球
这个作者很懒,什么都没留下…
展开
-
javascript动态创建对象并添加事件
[code="java"] function menu(id,value) { var _menu = document.createElement("input"); _menu.type = "button"; _menu.id = id; _menu.value = value; _menu.onclick = funct...原创 2012-08-12 14:17:28 · 313 阅读 · 0 评论 -
用javascript实现点击链接弹出图片另存为而不是直接打开
[code="java"] Click Me [/code]原创 2013-06-14 09:44:34 · 922 阅读 · 0 评论 -
定宽的textarea根据内容自动调整高度
[code="java"]固定textarea的宽度后,让textarea根据文本的长度自动调整它的高度。方法一:方法二:var agt = navigator.userAgent.toLowerCase();var is_op = (agt.indexOf("opera") != -1);var is_ie = (agt.i...原创 2013-06-14 12:11:49 · 1132 阅读 · 0 评论 -
Baidu Button 如何安装多个分享按钮
百度分享按钮支持多类,多个同时出现于同一个分享页面,为您的用户提供多种便捷的分享方式。您只需将您希望的类型加入到页面中即可,而且您只需引用一次js脚本便可轻松实现。[code="java"] ...原创 2013-01-15 09:42:09 · 182 阅读 · 0 评论 -
Js保留小数点
[code="java"] //保留两位小数 //功能:将浮点数四舍五入,取小数点后2位 function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; ...原创 2013-07-27 13:08:16 · 121 阅读 · 0 评论 -
仿腾讯回顶部和建议
附件为代码。可下载看效果转载的内容,但忘记在哪找到的了。 如果iteye不能下载。在此处 下载原创 2013-07-30 11:49:46 · 109 阅读 · 0 评论 -
JS函数isNaN() 判断数字
[code="java"] function isNumber(){ var t = document.getElementById('t').value; if(!isNaN(t)){ alert("是数字"); }else{ alert("不是数字"); }}[/code]原创 2015-08-04 10:45:47 · 294 阅读 · 0 评论 -
img标签src对应的图片不存在,显示一个默认的图片
img标签src对应的图片不存在,显示一个默认的图片[code="java"][/code][CSS]的方案[code="java"] t = document.getElementsByClassName("defaultImg"); for(i = 0; i < t.length; i++){ t.item(i).onerror = function(...原创 2015-09-24 14:14:42 · 1567 阅读 · 0 评论 -
[转]页面所有元素加载完成之后执行某个js函数
[b][align=center]在页面所有元素加载完成之后执行某个js函数[/align][/b] 做项目的时候可能会遇到这种情况: 一个JSP页面中import了一个目录文件(menu.jsp),而且每个页面的中都定义了onload事件,那么在此定义window.onload函数的时候可能会不生效或者多个onload之间覆盖的现象. 有的朋友肯定会说用j...原创 2015-10-22 10:55:18 · 648 阅读 · 0 评论 -
JS的trim()方法
去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的内置方法中去。 写成类的方法格式如下:(str.trim();) [code="java"] String.prototype.trim=fun...原创 2016-10-28 13:57:28 · 177 阅读 · 0 评论 -
js读取解析JSON类型数据
一、什么是JSON?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。非常适合于服务器与 JavaScript 的交互二、为什么使用JSON而不是XML他们都是这样说的: 尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然...原创 2016-10-28 13:59:59 · 136 阅读 · 0 评论 -
JS常用各种正则表达式
1.非负整数 /^\d+$/2.正整数 /^[0-9]*[1-9][0-9]*$/3.非正整数 /^((-\d+)|(0+))$/4.负整数 /^-[0-9]*[1-9][0-9]*$/5.整数 /^-?\d+$/6.非负浮点数 /^\d+(\.\d...原创 2018-03-29 10:50:26 · 209 阅读 · 0 评论 -
Js排序插件Sortable
Js排序插件Sortable原创 2018-04-04 15:06:36 · 407 阅读 · 0 评论 -
JS 判断当前访问页面的是手机、平板或电脑
[code="java"]var os = function (){ var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, isAndroid = /(?:Android)...原创 2018-05-19 16:19:19 · 7429 阅读 · 0 评论 -
JavaScript实现本地数据简单存取以及Json数据存取
HTML中可以使用javascript操作window的localStorage对象进行键值对形式的本地数据存储,实现数据共享和数据持久化,localStorage的数据永远不会过期,除非自己删除,这样可以实现在不同html之间进行数据信息传递:1.判断本地存储是否可用:[code="java"]if(window.localStorage) { // localStorge可用...原创 2018-05-21 13:34:07 · 301 阅读 · 0 评论 -
js自定义多字段排序
[list][*]多字段同时排序在后端很好实现,直接order by field1 asc, field2 asc,field3 desc…[*]如下可实现在前端按照多字段同时排序:[/list][code="java"]//测试数据var items = [ {name:"linc",age:28,num:1234}, {name:"linc",age...原创 2018-05-26 09:58:38 · 780 阅读 · 0 评论 -
js中的数组对象排序
一、普通数组排序 js中用方法sort()为数组排序。sort()方法有一个可选参数,是用来确定元素顺序的函数。如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序。如:[code="java"]var arr = ["a", "b", "A", "B"];arr.sort();console.log(arr);//["A", "B&qu原创 2018-05-26 12:43:30 · 161 阅读 · 0 评论 -
基于jQuery的message插件实现右下角弹出消息框
1.$.messager.lays(width, height);该方法主要用来定义弹出窗口的宽度和高度。2.$.messager.anim(type,speed);该方法主要定义窗口以什么样的方式和速度呈现。$.messager.anim("fade",1000); //以fadeIn的动画方式显示$.messager.anim("show",1000);...原创 2012-04-16 10:14:53 · 251 阅读 · 0 评论 -
如何触发”找不到图片链接“的事件?
使用onerror事件[code="java"][/code]原创 2012-04-07 13:43:36 · 128 阅读 · 0 评论 -
JS弹出小窗口
演示地址:[quote]http://www.css88.com/demo/smallwindow/exp.html[/quote]具体代码:[code="java"]弹出小窗口示例点击弹出小窗口 var isshow=0;//0小窗口没有显示,1小窗口已显function creatediv(){ ...2008-05-07 16:51:58 · 175 阅读 · 0 评论 -
window.open的例子和使用方法以及参数说明(完整版)
一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例: [code="j...2008-05-08 10:41:50 · 393 阅读 · 0 评论 -
javascript下阻止表单重复提交、防刷新、防后退
[b]1 服务器端的解决方法。这是我最为推荐的方法。优点是判断准确,兼容性最大。 [/b]做法:a页面显示表单,然后提交b页面处理,处理完后重定向到c页面显示结果。 1.0 在访问a页面时在session里生成一个标志ID,例如 [code="java"]//伪代码 session("submitID")=random() 然后把这个值写到表单的一个hidden的input里 ...2008-05-20 10:44:47 · 297 阅读 · 0 评论 -
IE、Firefox 禁止右键、屏蔽右键菜单
[code="java"] ================style区代码================ body { -moz-user-select:none; } ================body区代码================ 网页内容 [/code]原创 2008-12-12 12:13:19 · 339 阅读 · 0 评论 -
JavaScript 读 URL 参数改进版
《JavaScript权威指南》介绍的更简洁的取 URL 参数的方法,不用正则表达式,用一次循环。一次性返回一个对象的好处是只需要调用一次此函数,参数和值对可以存在一个对象里,以后再取其它参数的值就不用再调用此函数了,只要取对象的属性就行了。[code="java"]function getArgs(){ var args = new Object( ); //声明一个空对象...原创 2010-08-31 16:54:54 · 119 阅读 · 0 评论 -
支持火狐和IE的时间控件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>日历控件</title><meta h原创 2010-06-17 08:48:25 · 165 阅读 · 0 评论 -
几种设为首页的代码
[color=blue]加入收藏夹,设为首页代码[/color]把以下代码加入相应位置:[code="java"]加入收藏设为首页[/code][color=blue]鼠标指向时提示设为首页[/color]将下列代码插入区中:[code="java"]设为首页[/code][color=blue]打开页面时自动弹出窗口询问是否设为首页[/color]将以下代...原创 2011-01-04 16:29:16 · 253 阅读 · 0 评论 -
radio、checkbox、select等选择标签的总结
下面以实例说明: html页面<body><form name="form1" action="test" method="post"><label>radio:</label><input name="myRadio" type="radio" value原创 2011-05-04 10:25:34 · 307 阅读 · 0 评论 -
select元素javascript常用操作(转)
/*------------------------------------------------------ *说明:select元素javascript常用操作 * 1.判断是否存在指定value的Item * 2.加入一个Item * 3.删除值为value的所有Item * 4.删除某一个index的选项 * 5.更新第index项的value和text * ...原创 2011-05-04 10:27:13 · 162 阅读 · 0 评论 -
JSP弹出窗口和模式对话框参数(转)
JSP 弹出窗口 一、window.open() 基础知识 1、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 2、基本语法:window.open(pageURL,name,parameters) 其中: ...原创 2011-05-04 14:01:47 · 386 阅读 · 0 评论 -
鼠标经过图片晃动效果
[code="java"]鼠标经过图片晃动效果.shakeimage{position:relative} var rector=3; var stopit=0; var a=1; function init(which){ stopit=0; shake=which; shake.style.left=0;...原创 2011-05-09 10:28:56 · 554 阅读 · 0 评论 -
获得radio的值
[color=darkred]设置radio默认值[/color][code="java"]function setCheckedValue(radioName, newValue) { if(!radioName) return; var radios = document.getElementsByName(radioName); ...原创 2010-10-11 14:14:49 · 112 阅读 · 0 评论 -
jquery弹出层背景变暗 Lee dialog collect by Ajax
Lee dialog 1.0http://www.okajax.com/demo/dialog/Lee dialog 1.0作者:十字花匠 2008.8.16收集整理由:Ajax中国 标题关闭内容弹出层的html如下: [quote]标题关闭内容[/quote] css默认样式如下:[quote]#floatBoxBg{width:100%;he...原创 2010-10-29 09:06:31 · 146 阅读 · 0 评论 -
js 日期比较
[code="java"]/** * 判断是不是一个正确的时间 yyyy-MM-dd * @param {String} str * @return {Date} */Date.isSimpleDate = function(str){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r =...原创 2010-10-29 15:20:46 · 101 阅读 · 0 评论 -
在JS中修改form的action属性
[quote]转载于:http://topic.youkuaiyun.com/t/20020801/13/916158.html [/quote] 如:[code="java"] function _submit(){ frm.action.value="ddddddddd" }...原创 2010-11-01 14:21:16 · 473 阅读 · 0 评论 -
Javascript设置对象的ReadOnly属性
在JS中ReadOnly属性比较奇怪,直接创建一个对象,给该对象赋值readonly属性不能够向HTML中一样使用下面的方式: [code="java"]var x=document.createElement("input");x.type="text";x.value="ttttt";x.id="xy";x.readonly="readonly";[/code]原创 2012-03-28 11:36:30 · 454 阅读 · 0 评论 -
javascript 获取表单file全路径
get file input full path<script language="javascript"> function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); re...原创 2012-04-05 15:57:58 · 231 阅读 · 0 评论 -
判断客户端是否禁用javascript、cookie
判断客户端是否禁用javascript、cookie 通常情况下很少用户会想到禁用javaScript。所以我们为了实现一些良好的用户体验、达到一些网页效果,或多或少的会用的javaScript、Ajax、cookie等技术。 可是目前存在的Web攻击往往利用这些移动代码(javaScript、cookie、flash、java小程序、ActiveX 等)攻击客户...2008-08-15 08:46:47 · 537 阅读 · 0 评论