JavaScript资料,JavaScript文章,JavaScript文档-易库教程

在表单提交前进行验证的几种方式整理

2017年02月06日 19 阅读

在表单提交前进行验证的几种方式 . 在Django中，为了减轻后台压力，可以利用JavaScript在表单提交前对表单数据进行验证。下面提供了有效的几种方式（每个.html文件为一种方式）。 formpage1.html 复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

选择器中含有空格在使用示例及注意事项

2017年02月06日 19 阅读

原理解释： var $t_a=$（".test :hidden"） //带空格表示的是选择class为test里面隐藏的元素； var $t_a=$（".test:hidden"）//不带空格表示的是选择隐藏的class为test的元素；举例说明：复制代码代码如下: <html> <head> <script type="text/javascript" src="jquery-1.3.2.min.js">&l...

jquery 单引号和双引号的区别及使用注意

2017年02月06日 18 阅读

可以执行的语法：$（"ul li a"）.filter（":contains（"佳能"）,:contains（"松下"）,:contains（"卡西欧"）"）.css（"color","red"）; 错误的语法：$（"ul li a"）.filter（":contains（"佳能"）,:contains（"松下"）,:contains（"卡西欧"）"）.css（"color","red"）; 据资料显示在js中单引号和双引号都是一样的，但是在使用是去碰到了...

禁用页面部分JavaScript方法的具体实现

2017年02月06日 18 阅读

本文讨论的方法本人并没有在实际项目中应用过，因为我还没有遇到有这样需要的项目，但试验发现可行。一、我的想法来源 JavaScipt是好东西，它的出现让网页页面表现形式更活泼，当然好处绝不仅仅就这些，而近些年来红红火火的AJAX应用更让人开始重视JavaScipt小语言（好些程序牛人不把它看作语言，最多是脚本称号，甚至看不起搞脚本的人）的应用。现在好些博客官网开放脚本权限，允许用户自定义脚本来丰富自己的空间，特别像一些技术类专业博客，提供了相当宽松的开发环...

javascript获取下拉列表框当中的文本值示例代码

2017年02月06日 17 阅读

近日碰到一个问题，就是需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，例如下面的HTML代码：复制代码代码如下: <select onchange="isSelected（this.value）;" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <option value="2...

JS 获取浏览器和屏幕宽高等信息的实现思路及代码

2017年02月06日 20 阅读

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth （包括边线的宽）网页可见区域高：document.body.offsetHeight （包括边线的宽）网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去...

jquery实现div拖拽宽度示例代码

2017年02月06日 19 阅读

本例是个非常简单的div拖动，有需要的朋友可根据自己的需求，添加相应的代码。欢迎拍砖复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height:100%;"> <head> <meta http-equiv=...

一个JS的日期格式化算法示例

2017年02月06日 18 阅读

复制代码代码如下: function dateFormat（date, format） { var o = { "M+": date.getMonth（） + 1, //month "d+": date.getDate（）, //day "h+": date.getHours（）, //hour "m+": date.getMinutes（）, //minute "s+": date.getSeconds（）, //second "q+": Math.f...

JS的千分位算法实现思路

2017年02月06日 20 阅读

复制代码代码如下: function commafy（） { var num = document.getElementById（"NumA"）.value; //1.先去除空格,判断是否空值和非数 num = num + ""; num = num.replace（/[ ]/g, ""）; if （num == ""） { alert（"空值，结束"）; return; } if （isNaN（num）） { alert（"非数，结束"）; retur...

HTML长文本截取含有HTML代码同样适用的两种方法

2017年02月06日 18 阅读

方法一：用CSS截断字符串：IE,FireFox，Opera ，Safari都兼容复制代码代码如下: .subLongText{ width:150px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text...

JQuery写动态树示例代码

2017年02月06日 17 阅读

复制代码代码如下: // 业务类型树 var settingOther = { edit: { enable: false }, // 异步加载树 async: { enable: true, url:"initCoagencyTree.action", autoParam:["id", "name=n"], otherParam:{"otherParam":"zTreeAsyncTest"}, dataFilter: filter }, // 简单数据...

jquery中选择块并改变属性值的方法

2017年02月06日 17 阅读

jquery改变class属性的值复制代码代码如下: $（"#top_sta"）.removeClass（）.addClass（"top_tab no_current"）; 1.先找到块所在的div、p的位置 2.移除原来的class属性，remove（"***"）表示移除class中的***,remove（）表示移除class中的所有值。注意：remove（""）表示移除空字符，也就是不对class做任何处理。 3.addclass（"***"）...

Jquery动态更改一张位图的src与Attr的使用

2017年02月06日 15 阅读

今天用Jquery想动态更改一张位图的src发现css不好用，查看Jquery文档好像是css是设置样式的属性的，如颜色，字体，背景等，而attr貌似是能操作所有属性，包括Jquery未封装的属性。复制代码代码如下: $（"#newClassImg"）.attr（"src", "./images/plus3.jpg"）;//改变图片源 $（"#newClass"）.css（"background-color", "#d6d6d6"）;//改变背景色 ...

基于jquery的文章中所有图片width大小批量设置方法

2017年02月06日 18 阅读

前面要加载一个jquery库。<script type="text/javascript"> var setNewsImg = function（obj）{ $（obj）.find（"img"）.each（function（i）{ var imgw = $（this）.width（）; var imgh = $（this）.height（）; var scale=1; if（imgw>634）{ scale = 634/imgw; con...

jquery图片放大功能简单实现

2017年02月06日 16 阅读

复制代码代码如下: <div class="jqzoom"> <img src="http://bfbnews.tw/images/test.jpg" id="bigImg" style="width:500px;height:300px;" jqimg="http://bfbnews.tw/images/test.jpg"> </div> <script src="//ajax.googleapis.com/a...

根据选择不同的下拉值出现相对应的文本输入框

2017年02月06日 18 阅读

复制代码代码如下: <！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> <%@ page language="java...

子窗体与父窗体传值示例js代码

2017年02月06日 19 阅读

复制代码代码如下: //返回值给父窗体 function returnParent（value） {//获取子窗体返回值 var parent = window.dialogArguments; //获取父页面 //parent.location.reload（）; //刷新父页面 if （parent ！= null && parent ！= "undefined"） { window.returnValue = value; //返回值 window...

js中方法重载如何实现？以及函数的参数问题

2017年02月06日 19 阅读

都知道在js中没有办法直接实现方法重载，因为在js中如果定义了多个名称相同，但参数个数不一样的方法，其实只有最后一个方法能被真正调用，其他的方法都被覆盖掉了。但每一个函数都有一个特殊的参数arguments，利用它可以实现方法的重载。例如：复制代码代码如下: function Add（firstnumber,sencondnumber） { return firstnumber+sencondnumber; } 只能处理两个参数，如果有多个参数，...

JS调用CS里的带参方法实例

2017年02月06日 20 阅读

CS里复制代码代码如下:public string test（） { return "Hello World"; } aspx 页面复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <mce:script type="text/javascript" &g...

jQuery点击弹出下拉菜单的小例子

2017年02月06日 20 阅读

复制代码代码如下:<title>导航——点击弹出内容</title> <style type="text/css">.navgation{margin:0;padding:0;list-style-type:none;position:relative;}.navgation li {float:left;}.navgation a{padding:3px 6px;background-color:orange;col...

首页 / 脚本样式 / JavaScript

在表单提交前进行验证的几种方式整理

选择器中含有空格在使用示例及注意事项

jquery 单引号和双引号的区别及使用注意

禁用页面部分JavaScript方法的具体实现

javascript获取下拉列表框当中的文本值示例代码

JS 获取浏览器和屏幕宽高等信息的实现思路及代码

jquery实现div拖拽宽度示例代码

一个JS的日期格式化算法示例

JS的千分位算法实现思路

HTML长文本截取含有HTML代码同样适用的两种方法

JQuery写动态树示例代码

jquery中选择块并改变属性值的方法

Jquery动态更改一张位图的src与Attr的使用

基于jquery的文章中所有图片width大小批量设置方法

jquery图片放大功能简单实现

根据选择不同的下拉值出现相对应的文本输入框

子窗体与父窗体传值示例js代码

js中方法重载如何实现？以及函数的参数问题

JS调用CS里的带参方法实例

jQuery点击弹出下拉菜单的小例子