onclick

1、完整日历时间控件 <script> var bMoveable=true; var strFrame; document.writeln('<iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: absolute; z-index: 9998; display: none"></iframe>'); strFrame='<style>'; strFrame+='INPUT.button{BORDER-RIGHT: #63A3E9 1px solid;BORDER-TOP: #63A3E9 1px solid;BORDER-LEFT: #63A3E9 1px solid;'; strFrame+='BORDER-BOTTOM: #63A3E9 1px solid;BACKGROUND-COLOR: #63A3E9;font-family:宋体;}'; strFrame+='TD{FONT-SIZE: 9pt;font-family:宋体;}'; strFrame+='</style>'; strFrame+='<scr' + 'ipt>'; strFrame+='var datelayerx,datelayery;'; strFrame+='var bDrag;'; strFrame+

有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法 href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。 当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号) javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 javascript:;好些，javascript:void(0);据说某些情况下有浏览器兼容bug。(此点bug我也不知道什么时候能出现，知道的童鞋请指教)。 可以写成javascript:;，qq空间很多都是写成javascript:; 我感觉这两者之间没有什么差别，都是执行一个空事件。 javascript:;甚至少了7个字符，呵呵。 新浪微博写的是javascript:void(0); 我以前一直写的是 javascript:void(0) ;但是现在写的都是 javascript:; a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接 <a href="#" onclick=

在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。 可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。 如果一个表单对象定义如下： <form name="frm1" method="post" action="login.aspx"> 获得该表单对象的方法： i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号 iii> document.frm1; // 直接根据name值获得对象 form 表单应该注意的属性： elements： 获取以源顺序排列的给定表单中所有控件的集合。 但是<input type="image" > 对象不在此集合内。 var txtName = myform.elements[ 0 ]; //获得表单的第一个元素 var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素 var txtName = myform.elements.txtName; //获得name属性值为"txtName"的元素 enctype： 设置或获取表单的多用途网际邮件扩展(MIME) 编码。 这个属性的默认值为

在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。 可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。 如果一个表单对象定义如下： < form name = " frm1 " method = " post " action = " login.aspx " > 获得该表单对象的方法： i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号 iii> document.frm1; // 直接根据name值获得对象 form 表单应该注意的属性： elements： 获取以源顺序排列的给定表单中所有控件的集合。 但是<input type="image" > 对象不在此集合内。 var txtName = myform . elements [ 0 ] ; // 获得表单的第一个元素 var txtName = myform . elements [ " txtName " ] ; // 获得name属性值为"txtName"的元素 var txtName = myform . elements . txtName ; // 获得name属性值为"txtName"的元素 enctype：

<a onclick="javascript:window.location.href=window.location.href;"> <a onclick="javascript:window.location.reload();"> 测试效果一样。表单没有提交。 <input type="submit" onclick="javascript:window.location.reload();" value="单击" id="btnVCode" /> <input type="submit" onclick="javascript:window.location.href=window.location.href;" value="单击" id="btnVCode" /> 都提交数据 window.location.Reload()应该是刷新.(如果有数据提交的话，会提示是否提交的(是和否选项)) window.location.href=window.location.href; 是定向url提交数据 最好不要用location.reload()，而用location=location比较好，还有在模式窗口（showModalDialog和showModelessDialog）前者不能用。 reload参数有true和false，比较有意思? 来源： https://www

js在table指定tr行上或下面添加tr行 function onAddTR(trIndex) { var tb = document.getElementById("tb1"); var newTr = tb.insertRow(trIndex);//添加新行，trIndex就是要添加的位置 var newTd1 = newTr.insertCell(); newTd1.innerHTML = "这是新行，位置：" + trIndex; var newTd2 = newTr.insertCell(); newTd2.innerHTML = "这是新行，位置：" + trIndex; } <table style="width: 100%;" id="tb1"> <tr onclick="onAddTR(this)"> <td>1</td> <td>2</td> </tr> <tr onclick="onAddTR(this)"> <td>3</td> <td>4</td> </tr> </table> <script type="text/javascript"> function onAddTR(trObj) { $(trObj).after("<tr onclick='onAddTR(this)'><td>这是新行</td><td></td><tr/>"); } <

一、官网 　　 http://www.my97.net/index.asp 　　下载： 　　　　 　　　 　//下文已更新与bootstrap样式的结合 二、demo演示 　　 实际使用时请注意文件引入的实际位置： 　　　　 【补充】 　　 数据库字段设计： 　　　　 `create_date` datetime DEFAULT NULL COMMENT '创建时间', //具体的SQL类型请参见相关随笔 　　 实体类相关属性： 　　　 1.基础使用： 　　 页面引入： <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 　 　代码中使用： 日期输入： <input id="d11" type="text" onClick="WdatePicker()"/> 　 　实际效果： 　　　　 　　 2.图标触发 　　 页面引入同上； 　　代码使用： 日期图标触发输入： <input id="d12" type="text"/> <img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> 　　

以下示例均为html文件，保存至本地就可直接用浏览器打开以查看效果\(^o^)/~ 练习一：设置新闻字体 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 <title>字体样式选择</title> 6 <style type="text/css"> 7 a:link,a:visited{ 8 text-decoration:none;//取消下划线 9 } 10 #newsText{ 11 border: #CC0033 double 2px; 12 width:800px; 13 } 14 p{ 15 text-indent:2em;//首行缩进 16 } 17 .max{ 18 font-size:36px; 19 color:#666699; 20 } 21 .mid{ 22 font-size:18px; 23 color

1、什么是事件？ 事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型，支持页面的行为（JavaScript 代码）与页面的外观（HTML 和CSS 代码）之间的松散耦合。DOM2 级规范开始尝试以一种符合逻辑的方式来标准化DOM事件。 2、什么是事件流？ 事件冒泡 ：IE 的事件流叫做事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。如： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Event Bubbling Example</title> 5 </head> 6 <body> 7 <div id="myDiv">Click Me</div> 8 </body> 9 </html> 事件触发顺序为： 事件捕获 ：Netscape Communicator 团队提出的另一种事件流叫做事件捕获（event capturing）。事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它。 1 <!DOCTYPE html> 2 <html> 3 <head