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 DetailsJQuery官方的Datepicker控件，可以很方便的使用，可以让用户很方便的在输入框上选择时间。 废话少说，先上实例 【代码】 <script> $(function() { $( "#datepicker" ).datepicker(); });</script> <p>Date: <input type="text" id="datepicker"></p> 【效果图】 下面介绍一下具体用法： 一、需要加载的js文件 (1)jquery.js (2)jquery.ui.core.js (3)jquery.ui.widget.js (4)jquery.ui.datepicker.js 二、html代码 需要一个用来加载datepicker控件的输入框 <input id = "date" type="text"/> 三、js代码 初始化函数：$(.selecter).datepicker() 【参数】 因为参数较多，把所有参数根据功能分成几组进行阐述 1、动画 duration 'normal' 设置日期控件展开动画的显示时间，可选是 "slow", "normal", "fast"，"代表立刻，数字代表毫秒数。 showAnim 'show' 设置显示、隐藏日期插件的动画的名称。 showOptions {} 如果使用showAnim来显示动画效果的话，可以通过此参数来增加一些附加的参数设置。 2、图片按钮 buttonImage "" 设置弹出按钮的图片，如果非空，则按钮的文本将成为alt属性，不直接显示。 buttonImageOnly false 是否把按钮安全显示成图片的样子 buttonText "…" 设置触发按钮的文本内容。 showOn 'focus' 设置什么事件触发显示日期插件的面板，可选值： focus, button, both(当为focus时，不显示图片按钮) 3、选中之后时间格式 dateFormat mm/dd/yy 设置日期字符串的显示格式。 dayNames ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] 设置一星期中每天的名称，从星期天开始。此内容用于dateFormat时显示，以及日历中当鼠标移至行头时显示。 dayNamesMin ['Su', 'Mo', 'Tu', […]
View Details默认情况下，标准的HTML元素是非常恼人的，它很丑陋。经常有人问我如何创建一个漂亮的表单，而不是浏览器默认的外观，网上充斥大量此类的教程和介绍，但很容易让人迷失其中。但如果我们使用一些 JavaScript 的功能，利用强大的 jQuery 库可以很方面实现这个要求。 jQuery 最强大的是它有一个非常庞大的插件库，非常多的人开发出大量的插件并不断的维护它们。本文与大家分享一些很新的，可以帮助你为你的下一个Web项目的15个独特和有用的jQuery插件列表。 01. QapTcha : jQuery captcha system with jQuery & jQuery UI 从上面的截图看你会不会觉得很库，类似 iPhone 手机的滑动解锁，不再需要输入非常难懂的被扭曲的各种验证码字符，该插件必须跟 jQuery UI 一起工作。 02. Accessible slider 这是用来增强进度条功能的 jQuery 插件，在滑动块的基础上同时增加了数字的显示。 03. Fancy Letter Plugin | Part 2 学习如何使用jQuery来创建一个下拉盖，将它应用到每一个DIV段。 04. Approach jQuery Approach 类似 jQuery animate, 不同的是它是根据距离而不是时间来进行动画处理。 05. Colorful Sliders With jQuery & CSS3 在这个教程中，我们使用 jQuery 和 CSS3 中的新的转换方法来创建滑块控制。 06. Textualizer – A jQuery plugin to transition through blurbs of text […]
View Details触摸屏是现在所有智能手机的标配，还包括各种平板设备，而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用，我们需要借助浏览器的触摸事件来实线。 下图是各种触摸事件说明： 本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库： QUO JS Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, Drag Other features: Built-in jQuery-like methods. It uses $$ to avoid conflict. File size: 13KB minified Standlone: Yes Hammer JS Events: Tap, Double tap, hold, drag, transform (pinch) Other features: Javascript library focused only for multi-touch gestures File size: 2KB minified Standlone: Yes Touchy Events: long press, drag, pinch, rotate, swipe Other features: jQuery plugin for webkit […]
View Details//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();</script>"); //关闭,父窗口和子窗口都不弹出对话框,直接关闭 this.Response.Write("<script>"); this.Response.Write("{top.opener =null;top.close();}"); this.Response.Write("</script>"); //弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有 this.Response.Write("<script language=javascript>window.open('rows.aspx',’newwindow',’width=200,height=200′)</script>"); //弹出窗口刷新当前页面 this.Response.Write("<script language=javascript>window.open('rows.aspx')</script>"); this.Response.Write("<script>window.open('WebForm2.aspx',’_blank');</script>"); //弹出提示窗口跳到webform2.aspx页(在一个IE窗口中) this.Response.Write(" <script language=javascript>alert('注册成功');window.window.location.href=’WebForm2.aspx';</script> "); //关闭当前子窗口,刷新父窗口 this.Response.Write("<script>window.opener.location.href=window.opener.location.href;window.close();</script>"); this.Response.Write("<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>"); //子窗口刷新父窗口 this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>"); this.Response.Write("<script>window.opener.location.href=’WebForm1.aspx';</script>"); //弹出提示窗口.确定后弹出子窗口(WebForm2.aspx) this.Response.Write("<script language=’javascript'>alert('发表成功！');window.open('WebForm2.aspx')</script>"); //弹出提示窗口,确定后,刷新父窗口 this.Response.Write("<script>alert('发表成功！');window.opener.location.href=window.opener.location.href;</script>"); //弹出相同的一页 <INPUT type="button" value="Button" onclick="javascript:window.open(window.location.href)"> // Response.Write("parent.mainFrameBottom.location.href=’yourwebform.aspx?temp=" +str+"';"); <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行 --> </SCRIPT> 参数解释： <SCRIPT LANGUAGE="javascript"> js脚本开始； window.open 弹出新窗口的命令； 'page.html' 弹出窗口的文件名； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空"代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； </SCRIPT> […]
View Details1 又是几个基本概念 为什么要说又呢？ 在讨论继承时，我们已经列出了一些基本概念了，那些概念是跟封装密切相关的概念，今天我们要讨论的基本概念，主要是跟继承与多态相关的，但是它们跟封装也有一些联系。 1.1 定义和赋值 变量定义是指用 var a; 这种形式来声明变量。 函数定义是指用 function a(…) {…} 这种形式来声明函数。 var a = 1; 是两个过程。第一个过程是定义变量 a，第二个过程是给变量 a 赋值。 同样 var a = function(…) {}; 也是两个过程，第一个过程是定义变量 a 和一个匿名函数，第二个过程是把匿名函数赋值给变量 a。 变量定义和函数定义是在整个脚本执行之前完成的，而变量赋值是在执行阶段完成的。 变量定义的作用仅仅是给所声明的变量指明它的作用域，变量定义并不给变量初始值，任何没有定义的而直接使用的变量，或者定义但没有赋值的变量，他们的值都是 undefined。 函数定义除了声明函数所在的作用域外，同时还定义函数体结构。这个过程是递归的，也就是说，对函数体的定义包括了对函数体内的变量定义和函数定义。 通过下面这个例子我们可以更明确的理解这一点： Java代码 alert(a); alert(b); alert(c); var a = "a"; function a() {} function b() {} var b = "b"; var c = "c"; var c = function() {} […]
View Details