javascript 获取radio的value的函数 [已测]

2016年07月27日 6 阅读

1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第二种方法，思路与第一种相同复制代码 代码如下: //预览函数 var colorid=""; function ShowTemp（） { var eless = document.getElementsByName（"colorStyle"）; for（var i=0;i<eless.length;i++） { // alert（eless[i].checked+ele...

javascript 异常处理使用总结

2016年07月27日 10 阅读

JavaScript中的异常可以用try..catch..finally语句来处理，也可以手动的来抛出异常。 1.使用try..catch..finally语句来处理异常 js代码在执行过程中如果出现异常，会手动创建一个异常类对象，该异常类对象将被提交给浏览器，这个过程称为“抛出异常”。当浏览器接收到一场对象时，会寻找能处理这一异常的代码并把当前异常对象提交给其处理，这一过程被称为“捕获异常”。try..catch..finally语句的基本语法格式为： ...

ExtJS扩展 垂直tabLayout实现代码

2016年07月27日 7 阅读

但ExtJS中的TabPanel只能水平显示，搜索了一下Ext论坛，发现有垂直TabLayout的扩展，但垂直tab的页签内容是水平显示的，且页签多了之后也不能通过设置enableScroll属性使其能滚动，为了适应项目的需求，本人对TabLayout进行了扩展，使其支持垂直页签显示，支持页签很多时的滚动。效果如下： 该组件有两种使用方式，一是扩展方式，二是复写方式。其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css，同时...

JavaScript 新手24条实用建议[TUTS+]

2016年07月27日 8 阅读

注：本文多次用到Firebug的console对象，请参考Firebug Console API 。关于firebug的更详细介绍，请猛击这里。1. 用 === 代替 ==JavaScript里有两种不同的相等运算符：===|！== 和==|！=。相比之下，前者更值得推荐。请尽量使用前者。 引用:“如果两个比较对象有着同样的类型和值，===返回true，！==返回false。”– JavaScript: The Good Parts不过，如果使用==和！=...

PNG背景在不同浏览器下的应用

2016年07月27日 6 阅读

一、在IE6中使用PNG背景 IE6本身并不认识PNG图片的透明特性，虽然有让IE6支持PNG透明背景的JS程序： 复制代码 代码如下:function correctPNG（） { var arVersion = navigator.appVersion.split（"MSIE"） var version = parseFloat（arVersion[1]） if （（version >= 5.5） && （document.body.filter...

Javascript 代码也可以变得优美的实现方法

2016年07月27日 11 阅读

一、简化代码 采用更为简短的写法，不仅可以减少输入的字符数，还可以减少文件大小。大部分采用简单写法的代码，执行效率都有轻微提高。 1.1 简化常用对象定义：使用 var obj = {}; 代替 var obj = new Object（）; 使用 var arr = []; 代替 var arr = new Array（）; 1.2 精简if语句三元操作符可以有效精简只涉及赋值传值操作的if语句，比如 var score = 60, grade; if ...

使弱类型的语言JavaScript变强势

2016年07月27日 8 阅读

弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换,例如一个非常常见的错误,在浏览器脚本中,从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量的和.因为变量类型在表单控件中是字符串类型（计时字符串序列包含一个数字）这种尝试将会添加那个字符串到变量,即使这些值碰巧是一些数字,结果在第二个变量将会被转换为字符串类型,在最后只会把从表单控件中得到的变量添加到第一个字符串末尾。所以强制类型转换还是比较重要的，下面看...

js 单引号 传递方法

2016年07月27日 7 阅读

复制代码 代码如下:<script> function showMessage（msg）{ alert（msg） } </script> <form name="formName" > <input type="button" value="showMessage" onclick="showMessage（"<bean:write name="beanName" property="beanProperty...

实现超用户体验 table排序javascript实现代码

2016年07月27日 8 阅读

以前我在网上总会看类似这种的JS效果： 点击编辑时: （不好意思哈，图在文章最后面） 这种列表与编辑都在同一页的效果，确实很好，能够给用户带来意想不到的美好体验。可是它是怎么实现的呢？ 其实实现这种效果有很多方法，当然如果你的JS不好，可以用JQuery的组件，但是我想要是自己能写出来总是好的。因此我抽了点时间来实现它。当我实现后，发现要实现这种效果是很简单的，几行JS代码就搞定了，关键就是一个思路问题，下面我会具体的写是怎么实现的。 总体思路：给<...

利用WebBrowser彻底解决Web打印问题（包括后台打印）

2016年07月27日 11 阅读

抱着“取之于众 服务于众”的思想，我总结了一下，把它拿到网上来与大家分享，希望能帮助遇到类似问题的朋友。 我主要使用了IE内置的WebBrowser控件，无需用户下载和安装。WebBrowser有很多功能，除打印外的其他功能就不再赘述了，你所能用到的打印功能也几乎全部可以靠它完成，下面的问题就是如何使用它了。先说显示后打印，后面说后台打印。 1．首先引入一个WebBrowser在需要打印的页面，可以直接添加： <object id="WebBrows...

web 页面分页打印的实现

2016年07月27日 7 阅读

1．首先引入一个WebBrowser在需要打印的页面，可以直接添加： 复制代码 代码如下: <object id="WebBrowser" classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height="0" width="0"> </object> 到页面，或者使用JavaScript在需要的时候临时添加也可以： 复制代码 代码如下: document.body.insert...

可以拖动的div 实现代码第1/2页

2016年07月27日 7 阅读

要实现div的任意拖动，我们不妨分析一下整个过程。 当鼠标点击div时，触发一个事件，让div的位置属性（left，top）随着鼠标位置变化而变化，当鼠标释放后，div的位置属性就用了鼠标释放时的位置。 鼠标点击时触发事件是很容易做到的，只要在div的标签里加上onmouseclick就可以了，现在我们要解决的问题是如何让div的位置随着鼠标的位置变化而变化。 虽然这可能是一个很简单的推理过程，不过还是罗嗦点说清楚吧。div的left和top是div左上角...

利用JQuery为搜索栏增加tag提示

2016年07月27日 9 阅读

很简单的一个功能，就是当用户在搜索栏输入搜索字符时候，利用JQuery的功能把一些预设好的关键字浮现出来，除了让用户意外一下，还有就是让用户简化输入。比如象下图的样子： 实现的方法很简单，首先是要在你的网站上加载JQuery，然后再加载下面的JS文件，下载之复制代码 代码如下:（function（$）{var globalTags=[];window.setGlobalTags=function（tags）{globalTags=getTags（tags）...

JQuery 前台切换网站的样式实现

2016年07月27日 13 阅读

但如果你想为网站添加多一些样式，让访客选择；又或者你想调整一下网站的样式，而在决定前让访客先体现的话，这也是一个很好的办法，省去总是切换主题的痛苦。 切换效果参照本站。 1. 切换样式的按钮代码： 复制代码 代码如下: <div id="style-switch"> <ul> <li><a href="#？style=white" rel="white" class="styleswitch white">D...

WordPress JQuery处理沙发头像

2016年07月27日 12 阅读

我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文（建议看看，好文章），就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢，如下截图效果。做法首先是你的网站加载了JQuery，然后在你需要放置沙发头像的地方添加一个<div>，内容为空即可： 复制代码 代码如下:<div id="shafa"></div> 然后要做的就是利用js复制沙发的头像，并把复制的内容填入上面设定的&l...

WordPress 照片lightbox效果的运用几点

2016年07月27日 9 阅读

如果你的网站上已经使用了lightbox这类效果，或者下面的几点运用经验你也会觉合适（前提是使用JQuery实现）。 1. 指定哪些条件下运用Lightbox效果 在网站的js文件中添加如下语句： 复制代码 代码如下:$（function（） { $（"a[@rel*=lightbox]"）.lightBox（）; $（".gallery a"）.lightBox（）; }）; 这样就决定只有在链接中添加“rel=lightbox”后，该链接才会出现lig...

javascript form 验证函数 弹出对话框形式

2016年07月27日 9 阅读

复制代码 代码如下:/** * 得到中英文字符长 * @param {} str * @return {} */ function LengthB（str）{ var p1 = new RegExp（"%u..", "g"） var p2 = new RegExp（"%.", "g"） return escape（str）.replace（p1, ""）.replace（p2, ""）.length } /** * 过滤所有空格字符 * @param {O...

js form 验证函数 当前比较流行的错误提示

2016年07月27日 11 阅读

前段时间写了一个 js数据验证、js email验证、js url验证、js长度验证、js数字验证等 弹出对话框形式的 但是,现在不太流行那种很不友好的方式,于是重写了一个,封装得更加好的,更友好的层形式 共享给大家,如果大家使用有bug,请大家给我留言完善,谢谢了. 保存为 test.js复制代码 代码如下:/** * 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息. * * @author w...

IE JS编程需注意的内存释放问题

2016年07月27日 8 阅读

1、给DOM对象添加的属性是一个对象的引用。范例：var MyObject = {};document.getElementById（"myDiv"）.myProp = MyObject;解决方法：在window.onunload事件中写上: document.getElementById（"myDiv"）.myProp = null;2、DOM对象与JS对象相互引用。范例：function Encapsulator（element） { this.ele...

JQuery 无废话系列教程（一） jquery入门 [推荐]

2016年07月27日 9 阅读

本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗！？ BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识. JQuery是什么 JQuery只是一个JS文件 人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时候也一样. 想掌握又怕自己学不会. 其实JQuery很简单. JQuery其实就是一个工具包,很多常...