收藏:一组Javascript的小技巧和功能

javascript|技巧

插入光标所在的Text

<input onblur="global=this"><br/>
<input onblur="global=this"><br/>
<input type=button value=meizz >
<SCRIPT LANGUAGE="JavaScript">
var global = null; //记录是要在哪个文本框里插入
function mm()
{
  var old = window.clipboardData.getData("Text");
  var txt = window.prompt("请输入", "");
  if(txt && global)
  {
    window.clipboardData.setData("Text", txt);
    global.focus();
    document.execCommand('Paste');
    global=null;
  }
  window.clipboardData.setData("Text", old);
}
</SCRIPT>

按回车提交

<script language="javascript">
<!--
  document.onkeydown=function()
  {
    loginform.submit()
  }
//-->
</script>

改变td的状态

<script>
function Click_B(){
div1.innerHTML = "<input type=text id=t1>";
//div1.innerTEXT = "test";
}
function Click_B2(){
div1.innerHTML = t1.value;
}
</script>
<table><tr><td><div id=div1>点击以前</div></td></tr></table>
<input type=button value="更改" >
<input type=button value="保存" >

判断复选框是否选中

<script language="javascript">
<!--
  function check()
  {
    var o1 = document.getElementsByName('r');
    var o2 = document.getElementsByName('c');
    var i;
    var j=0,p=0;
    for(i=0;i<o1.length;i++)
    {
      if(o1[i].checked)
      {
        alert('选中的单选按钮ID:'+o1[i].id);
        j++;
      }
    }
    if(j==0) alert('没选择单选按钮!');
    for(i=0;i<o2.length;i++)
    {
      if(o2[i].checked)
      {
        alert('选中的多选按钮ID:'+o2[i].id);
        p++;
      }
    }
    if(p==0) alert('没选择多选按钮!');
  }
//-->
</script>

<input type=radio name=r id=r1>r1
<input type=radio name=r id=r2>r2
<input type=radio name=r id=r3>r3
<br>
<input type=checkbox name=c id=c1>c1
<input type=checkbox name=c id=c2>c2
<input type=checkbox name=c id=c3>c3
<input type=checkbox name=c id=c4>c4
<input type=checkbox name=c id=c5>c5
<p><input type=button value=check ></p>

取Input的值

<script language="javascript">
<!--
  function check()
  {
    var o = document.getElementsByTagName('INPUT');
    for(var i=0;i<o.length;i++)
    {
      if(o[i].type == 'radio' && o[i].checked) alert('选中单选框的value:'+o[i].value);
      if(o[i].type == 'checkbox' && o[i].checked) alert('选中复选框的value:'+o[i].value);
    }
  }
//-->
</script>

全选

<form name=meizz>
<input type=checkbox name=All >??<br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/><br/>

<input type=checkbox name=All2 >??<br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>

</form>

<SCRIPT LANGUAGE="JavaScript">
function checkAll(str)
{
  var a = document.getElementsByName(str);
  var n = a.length;
  for (var i=0; i<n; i++)
  a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
  var e = window.event.srcElement;
  var all = eval("document.meizz."+ str);
  if (e.checked)
  {
    var a = document.getElementsByName(e.name);
    all.checked = true;
    for (var i=0; i<a.length; i++)
    {
      if (!a[i].checked){ all.checked = false; break;}
    }
  }
  else all.checked = false;
}
</SCRIPT>

<input type=radio name=r value=1>
<input type=radio name=r value=2>
<input type=radio name=r value=3>
<p>
<input type=checkbox name=c value=1>
<input type=checkbox name=c value=2>
<input type=checkbox name=c value=3>
<p>
<input type=button value=check >

如何获得Td的行数

<table border=1>
<tr>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
</tr>
<tr>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
</tr>
<tr>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"\n列数:"+(this.cellIndex+1))'>点我</td>
</tr>
</table>

---------------------------------------
根据td,可以如下:

oTd.parentNode.parentNode.parentNode.rows.length   行数
oTd.parentNode.cells.length   列数
------------------------------------------
oTd.parentNode.parentNode.rows.length   行数

如何进行全文替换

<script>
var strText = new String() ;
strText="<input type=text><input type=submit>"
alert( strText ) ;
var re = new RegExp ("<", "gi") ;
var newstr = strText.replace(re, "&lt") ;
alert( newstr ) ;
</script>

时间格式

<script language=javascript>
 alert("2004-9-3".replace(/\-(\d{1})/ig,"-0$1"))
</script>

<script language="vbScript"  >
 set re = new RegExp
 re.Pattern = "\-(\d{1})"
 re.Global = true
 msgbox re.Replace("2004-9-3", "-0$1")
 set re =nothing
 </script>

中文标点的判断

<input type=text name=a>
<input type=button value="提交" >

<script language="JavaScript">

function chk()
{
b=/^\s*[A-Za-z0-9\u4e00-\u9fa5,。;:“”‘’!?、]*\s*$/;
c=document.all.a.value;
if (c.replace(b,"")!="")
{
alert("您输入了非法字符");
}

}
</script>

时间: 2024-09-03 20:01:05

收藏:一组Javascript的小技巧和功能的相关文章

Javascript常用小技巧汇总

  本文实例讲述了Javascript常用小技巧.分享给大家供大家参考.具体分析如下: 一.True 和 False 布尔表达式 下面的布尔表达式都返回 false: null undefined '' 空字符串 0 数字0 但小心下面的, 可都返回 true: '0' 字符串0 [] 空数组 {} 空对象 下面段比较糟糕的代码: 代码如下: while (x != null) { 你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false): 代码如下: while (x

Javascript常用小技巧汇总_javascript技巧

本文实例讲述了Javascript常用小技巧.分享给大家供大家参考.具体分析如下: 一.True 和 False 布尔表达式 下面的布尔表达式都返回 false: null undefined '' 空字符串 0 数字0 但小心下面的, 可都返回 true: '0' 字符串0 [] 空数组 {} 空对象 下面段比较糟糕的代码: 复制代码 代码如下: while (x != null) { 你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false): 复制代码 代码如下:

javascript 应用小技巧方法汇总_javascript技巧

javascript 在前端应用体验小技巧继续积累. 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x e

Javascript 实用小技巧_javascript技巧

//自定义的apply,call Function.prototype.apply = function (obj, argu) {  if (obj) obj.constructor.prototype._caller = this;   var argus = new Array();  for (var i=0;i<argu.length;i++)   argus[i] = "argu[" + i + "]";  var r;  eval("r

JavaScript 调试小技巧

'debugger;' 除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断点.你也可以在一些条件控制中插入该调试语句,譬如: if (thisThing) { debugger; } 将Objects以表格形式展示 有时候我们需要看一些复杂的对象的详细信息,最简单的方法就是用console.log然后展示成一个列表状,上下滚动进行浏览.不过似乎用console.table

IE浏览器打开整个收藏夹目录的小技巧

  很多朋友.特别是"网虫"朋友,每天接触最多的工具就是软件,而兼容性最好,功能相对上一版本有所提高的IE浏览器也是很多用户的首选,特别是其内置的"收藏夹"更是用户使用率最高的功能之一,随时随地将精彩的页面内容和地址添加其中,方便日后再次调用. 但是,一些使用过其它浏览器的用户,可能对第三方浏览器提供的标签快捷组功能(快速打开整个收藏目录中的所有网址)兴趣很大.而IE浏览器又能否实现这一功能呢?有人说IE太简单,实现不了,但经过笔者挖掘,实际IE还真具有这一功能.下

Firefox与IE的一些Javascript编程小技巧

1.      document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formNa

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

JavaScript必看小技巧(必看)_javascript技巧

在这篇文章中将给大家分享有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: functio