substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置，从零开始的索引 参数 描述start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。 返回值 一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。 说明 substring 方法返回的子串包括 start 处的字符，但不包括 end 处的字符。如果 start 与 end 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 end 大，那么该方法在提取子串之前会先交换这两个参数。如果 start 或 end 为负数，那么它将被替换为 0。 2.substr 方法 定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。 语法 stringObject.substr(start [, length ]) 参数 描述start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length 可选。在返回的子字符串中应包括的字符个数。 说明 如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到stringObject的最后。 举例：var str = “0123456789″; alert(str.substring(0));————”0123456789″alert(str.substring(5));————”56789″alert(str.substring(10));———–”"alert(str.substring(12));———–”"alert(str.substring(-5));———–”0123456789″alert(str.substring(-10));———-”0123456789″alert(str.substring(-12));———-”0123456789″alert(str.substring(0,5));———-”01234″alert(str.substring(0,10));———”0123456789″alert(str.substring(0,12));———”0123456789″alert(str.substring(2,0));———-”01″alert(str.substring(2,2));———-”"alert(str.substring(2,5));———-”234″alert(str.substring(2,12));———”23456789″alert(str.substring(2,-2));———”01″alert(str.substring(-1,5));———”01234″alert(str.substring(-1,-5));——–”" alert(str.substr(0));—————”0123456789″alert(str.substr(5));—————”56789″alert(str.substr(10));————–”"alert(str.substr(12));————–”"alert(str.substr(-5));————–”0123456789″alert(str.substr(-10));————-”0123456789″alert(str.substr(-12));————-”0123456789″alert(str.substr(0,5));————-”01234″alert(str.substr(0,10));————”0123456789″alert(str.substr(0,12));————”0123456789″alert(str.substr(2,0));————-”"alert(str.substr(2,2));————-”23″alert(str.substr(2,5));————-”23456″alert(str.substr(2,12));————”23456789″alert(str.substr(2,-2));————”"alert(str.substr(-1,5));————”01234″alert(str.substr(-1,-5));———–”" http://www.cnblogs.com/chinafine/archive/2009/02/26/1398771.html
View Details1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执行3.简化写法window.onload没有简化写法$(document).ready(function(){})可以简写成$(function(){});
View Details有很多 jQuery 的表单插件。这里收集了其中15个是最有用的插件。 ALAJAX (Ajaxify your HTML form) 该插件可轻松将你的表单变成 Ajax 方式处理，阻止了提交动作，然后通过 Ajax 方式提交。 jQuery File Upload (AJAX Upload with progress and more) Niceforms 这是一个让表单变得好看的 jQuery 插件 Fancy AJAX Contact Form meioMask (Input field mask plugin) 编辑框的输入模式限制插件 Elastic (expanding textarea) jQuery Elastic 是一个用来根据Textarea文本编辑框输入的数据自动改变输入框大小的jQuery插件。 Live Form Validation Custom Select Box (options with images) 为下拉列表增加图标显示 Pretty Checkbox 美化复选框 jQuery UI Datepicker Complexify (password strength) jQuery Form Field Validation A cool form validation with tooltips. Ketchup (form validation plugin) 带工具提示的表单验证 Valid8 Simple and cool validation plugin. jQuery qTip (tooltip plugin)
View Details这次分享的一些网页特效都是完全基于jQuery的，而且相信大部分插件都可以帮助WEB前端开发者简化很多开发工作，比如菜单、图片播放等实用功能。这里我向大家展示了这些插件的在线演示，同时也提供源代码的下载，方便各位同学研究。 1、jQuery环形动画菜单 这是一款少有的jQuery菜单，很显然，环形动画是它最大的亮点，很有创意哦。 在线演示 / 源码下载 2、jQuery动画下拉菜单 这里有4个不同主题的下拉菜单，十分清爽漂亮。 在线演示 / 源码下载 3、带小图标的jQuery多级菜单导航 这是一款带有功能图标的多级菜单，用jQuery实现。 在线演示 / 源码下载 4、jQuery带缩略图的图片播放插件 这是一款基于jQuery的图片播放插件，带缩略图，而且用起来也方便。 在线演示 / 源码下载 5、古典卡带播放器 这是jQuery结合HTML5实现的古典卡带播放器，很经典。 在线演示 / 源码下载 6、jQuery实现的Lava-Lamp样式的动画菜单 基于jQuery的滑动动画菜单，仿Flash。 在线演示 / 源码下载 7、minimal tab 这是一款基于jQuery的tab菜单插件，google play风格的 在线演示 / 源码下载 以上就是7个令人难忘的jQuery实用教程，希望大家喜欢，收藏起来吧。 转自：http://www.oschina.net/news/35429/7-jquery-tutorials
View Details|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> function QqClose() { window.opener = null; window.open('', '_top'); window.top.close(); window.close(); } </script> <a href="javascript:window.close();void(0);">正常关闭</a> <a href="javascript:QqClose();void(0);">QQ关闭</a> </body> </html> |
View Details
JS中操作table的方法 var myTable = document.getElementById("myTable "); //添加行 var newTR = myTable.insertRow(index); 该方法创建一个新的 TableRow 对象表示一个新的 <tr> 标记，并把它插入表中的指定位置。 新行将被插入 index 所在行之前。若 index 等于表中的行数，则新行将被附加到表的末尾。 如果表是空的，则新行将被插入到一个新的 <tbody> 段，该段自身会被插入表中。 //设置行的id和class属性 newTR.id = "myid"; newTR.className="MainContentText"; //添加列:序号 var newTD=newTR.insertCell(0); //添加列内容 newTD.innerHTML = "dfdsf"; //删除表所有行，只留标题行 var rows = myTable.rows.length; for(var i=0;i<rows-1;i++){ myTable.deleteRow();//不给参数，代表删除最后一行 } JS本身不支持方法重载 Js中实现方法重载的方式也知道了呵呵（会默认调用参数最多的那个方法） 转自：http://www.cnblogs.com/judy/archive/2010/06/05/1752230.html
View DetailsdecodeURI()函数： 定义和用法:decodeURI()函数可对encodeURI()函数编码过的URI进行解码.语法:decodeURI(URIstring)参数描述:URIstring必需,一个字符串,含有要解码的URI组或其他要解码的文本.返回值:URIstring的副本,其中的十六进制转义序列将被它们表示的字符替换. decodeURIComponent()函数： 定义和用法:decodeURIComponent()函数可对encodeURIComponent()函数编码过的URI进行解码.语法:decodeURIComponent(URIstring)参数描述:URIstring必需,一个字符串,含有解码的URI组件或其他要解码的文本.返回值:URIstring的副本,其中的十六进制转义序列将被它们表示的字符替换.
|
1 |
<p> </p><p><span class="tag"><html></span><br /><span class="pln"> </span><span class="tag"><body></span><br /><span class="pln"> </span><span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br /><span class="pln"> </span><span class="kwd">var</span><span class="pln"> test </span><span class="pun">=</span><span class="pln"> </span><span class="str">"</span><a href="http://www.test.com/My" rel="nofollow"><span class="str">http://www.test.com/My</span></a><span class="str"> test/"</span><span class="pun">; </span><span class="pln"> </span><br /><span class="pln"> </span><span class="kwd">var</span><span class="pln"> test1 </span><span class="pun">=</span><span class="pln"> encodeURI</span><span class="pun">(</span><span class="pln">test</span><span class="pun">);</span><br /><span class="pln"> </span><span class="kwd">var</span><span class="pln"> test2 </span><span class="pun">=</span><span class="pln"> decodeURI</span><span class="pun">(</span><span class="pln">test1</span><span class="pun">);</span><br /><span class="pln"> </span><span class="kwd">var</span><span class="pln"> test3 </span><span class="pun">=</span><span class="pln"> encodeURIComponent</span><span class="pun">(</span><span class="pln">test</span><span class="pun">);</span><br /><span class="pln"> </span><span class="kwd">var</span><span class="pln"> test4 </span><span class="pun">=</span><span class="pln"> decodeURIComponent</span><span class="pun">(</span><span class="pln">test3</span><span class="pun">);</span></p><br /><p><span class="pln"> document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">test1 </span><span class="pun">+</span><span class="pln"> </span><span class="str">"<br />"</span><span class="pun">);</span><br /><span class="pln"> document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">test2 </span><span class="pun">+</span><span class="pln"> </span><span class="str">"<br />"</span><span class="pun">);</span><br /><span class="pln"> document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">test3 </span><span class="pun">+</span><span class="pln"> </span><span class="str">"<br />"</span><span class="pun">);</span><br /><span class="pln"> document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">test4 </span><span class="pun">+</span><span class="pln"> </span><span class="str">"<br />"</span><span class="pun">);</span><br /><span class="pln"> </span><span class="tag"></script></span><br /><span class="pln"> </span><span class="tag"></body></span><br /><span class="tag"></html></span></p><p> </p> |
运行结果： http://www.test.com/My%20test/ http://www.test.com/My test/ http%3A%2F%2Fwww.test.com%2FMy%20test%2Fhttp://www.test.com/My test/
View Details定义和用法 decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。 语法
|
1 |
decodeURI(URIstring) |
参数 描述 URIstring 必需。一个字符串，含有要解码的 URI 或其他要解码的文本。 返回值 URIstring 的副本，其中的十六进制转义序列将被它们表示的字符替换。 实例 在本例中，我们将使用 decodeURI() 对一个编码后的 URI 进行解码：
|
1 |
<script type="text/javascript">var test1="http://www.w3school.com.cn/My first/"document.write(<code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 255); ">encodeURI(test1)</code>+ "<br />")document.write(<code style="font-family: 'Courier New', monospace; color: rgb(0, 0, 255); ">decodeURI(test1)</code>)</script> |
输出：
|
1 |
http://www.w3school.com.cn/My%20first/http://www.w3school.com.cn/My first/ |
Date (对象) Date 对象能够使你获得相对于国际标准时间（格林威治标准时间，现在被称为 UTC-Universal Coordinated Time）或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法，你就必须先创建一个Date对象的实体（Instance）。 Date 对象必须使用 Flash 5 或以后版本的播放器。 Date 对象的方法并不是静态的，但是在使用时却可以应用于所指定的单独实体。 Date 对象的方法简介： ·getDate ｜ 根据本地时间获取当前日期(本月的几号)·getDay ｜ 根据本地时间获取今天是星期几(0-Sunday,1-Monday…)·getFullYear ｜ 根据本地时间获取当前年份(四位数字) ·getHours ｜ 根据本地时间获取当前小时数(24小时制,0-23)·getMilliseconds ｜ 根据本地时间获取当前毫秒数·getMinutes ｜ 根据本地时间获取当前分钟数·getMonth ｜ 根据本地时间获取当前月份(注意从0开始:0-Jan,1-Feb…)·getSeconds ｜ 根据本地时间获取当前秒数·getTime ｜ 获取UTC格式的从1970.1.1 0:00以来的毫秒数·getTimezoneOffset ｜ 获取当前时间和UTC格式的偏移值(以分钟为单位)·getUTCDate ｜ 获取UTC格式的当前日期(本月的几号)·getUTCDay ｜ 获取UTC格式的今天是星期几(0-Sunday,1-Monday…)·getUTCFullYear ｜ 获取UTC格式的当前年份(四位数字)·getUTCHours ｜ 获取UTC格式的当前小时数(24小时制,0-23)·getUTCMilliseconds ｜ 获取UTC格式的当前毫秒数·getUTCMinutes ｜ 获取UTC格式的当前分钟数·getUTCMonth ｜ 获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)·getUTCSeconds ｜ 获取UTC格式的当前秒数·getYear ｜ 根据本地时间获取当前缩写年份(当前年份减去1900)·setDate ｜ 设置当前日期(本月的几号)·setFullYear ｜ 设置当前年份(四位数字)·setHours ｜ 设置当前小时数(24小时制,0-23)·setMilliseconds ｜ 设置当前毫秒数·setMinutes ｜ 设置当前分钟数·setMonth ｜ 设置当前月份(注意从0开始:0-Jan,1-Feb…)·setSeconds ｜ 设置当前秒数·setTime ｜ 设置UTC格式的从1970.1.1 0:00以来的毫秒数·setUTCDate ｜ 设置UTC格式的当前日期(本月的几号)·setUTCFullYear ｜ 设置UTC格式的当前年份(四位数字)·setUTCHours ｜ 设置UTC格式的当前小时数(24小时制,0-23)·setUTCMilliseconds ｜ 设置UTC格式的当前毫秒数·setUTCMinutes ｜ 设置UTC格式的当前分钟数·setUTCMonth ｜ 设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)·setUTCSeconds ｜ 设置UTC格式的当前秒数·setYear ｜ 设置当前缩写年份(当前年份减去1900)·toString ｜ 将日期时间值转换成"日期/时间"形式的字符串值·Date.UTC ｜ 返回指定的UTC格式日期时间的固定时间值 创建新的 Date 对象 语法：new Date();new Date(year [, month [, date [, hour [, minute [, second [, millisecond ]]]]]] );参数：year 是一个 0 到 99 之间的整数，对应于 1900 到 1999 年，或者为四位数字指定确定的年份；month 是一个 0 (一月) 到 11 (十二月) 之间的整数，这个参数是可选的；date 是一个 1 到 31 之间的整数，这个参数是可选的；hour 是一个 0 (0:00am) 到 23 (11:00pm) 之间的整数，这个参数是可选的； minute 是一个 […]
View Details