BlogJava-DANCE WITH JAVA-随笔分类-片段

javascript 动态添加删除控件

dreamstone — Fri, 14 Sep 2007 01:39:00 GMT

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
HEAD>

<BODY>
<script language="javascript">
var i = 0,j = 0;     //行号与列号
var oNewRow  ;    //定义插入行对象
var oNewCell1,oNewCell2;     //定义插入列对象

//添加条件行
function AddRow()
{
i = document.all.MyTable.rows.length;
oNewRow = document.all.MyTable.insertRow(i);
oNewRow.id = j;

//添加第一列
oNewCell1 = document.all.MyTable.rows[i].insertCell(0)
oNewCell1.innerHTML = "" + j + "'"+" size='14' value=\"\">";

//添加第二列
oNewCell2 = document.all.MyTable.rows[i].insertCell(1)
oNewCell2.innerHTML ="" + j + " value='删除当前行'"+"onClick='DelCurrentRow(" + j + ");'>";
j++;
}

//删除行
function DelCurrentRow(j)
{
with(document.all.MyTable)
{
for (var i=0;i<rows.length;i++)
{
if (rows[i].id == j)
{
deleteRow(i);
}
}
}
}
script>

<form method="post" action="">
<div style="margin-left:80px;color:red;font-weight:bold;">div>
<div align="center" class="title-font">
动态添加HTML元素
div>
<br>
<table style="border:0px;" cellpadding=0 cellspacing=0
     align="center">
<tr>
<td style="border:0px;" width="340"><hr>td>
<td style="border:0px;"><input type=button value="添加" name"addFieldBT" onclick="AddRow();"/>td>
tr>
table>
<br><br>
<table style="border:0px;" cellpadding=0 cellspacing=0
   align="center" class="TableBody" id="MyTable" border="0">
table>
<br><br>
<table style="border:0px;" cellpadding=0 cellspacing=0
   align="center">
  <tr>
   <td align="center" style="border:0px;">
   <input type=button value="提交" name="searchBT" onclick=""/>
   td>
  tr>
table>
<script language="javascript">AddRow()script>
form>
BODY>
HTML>

dreamstone 2007-09-14 09:39 发表评论

javascript 关联列表的实现(简单的和复杂的)

dreamstone — Fri, 14 Sep 2007 01:39:00 GMT

摘要: 动态刷新实例阅读全文

dreamstone 2007-09-14 09:39 发表评论

最简单的ajax实现

dreamstone — Mon, 10 Sep 2007 15:00:00 GMT

dreamstone 2007-09-10 23:00 发表评论

javascript两种渐变效果进度条的实现

dreamstone — Mon, 10 Sep 2007 14:58:00 GMT

摘要: 渐变效果进度条 var i; function go() { bar_width = docum... 阅读全文

dreamstone 2007-09-10 22:58 发表评论

vb script实现杀掉进程

dreamstone — Mon, 10 Sep 2007 14:54:00 GMT

' ProcessKillLocal.vbs
' Sample VBScript to kill a program
' Author Guy Thomas http://computerperformance.co.uk/
' Version 2.7 - December 2005
' ------------------------ -------------------------------'
Option Explicit
Dim objWMIService, objProcess, colProcess
Dim strComputer, strProcessKill
strComputer = "."
strProcessKill = "'otrun.exe'"

Set objWMIService = GetObject("winmgmts:" _
& "{impersonationLevel=impersonate}!\\" _
& strComputer & "\root\cimv2")

Set colProcess = objWMIService.ExecQuery _
("Select * from Win32_Process Where Name = " & strProcessKill )
For Each objProcess in colProcess
objProcess.Terminate()
Next
WSCript.Echo "Just killed process " & strProcessKill _
& " on " & strComputer
WScript.Quit
' End of WMI Example of a Kill Process

dreamstone 2007-09-10 22:54 发表评论

javascript 禁止输入、禁止粘帖、禁止拖放、禁止输入法

dreamstone — Mon, 10 Sep 2007 14:50:00 GMT

onkeypress = "return regInput(String.fromCharCode(event.keyCode))"
onpaste = "return regInput(window.clipboardData.getData('Text'))"
ondrop = "return regInput(event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

另外如果要兼容ie ,firefox netscapt三个浏览器，就不能用onkeypress事件。
而应该把onkeypress事件变成 onkeydown事件+onkeyup事件。
再keydown事件中检查，并设置标志位，在onkeyup事件中返回，类似这样
script language="javascript">
var tag;
    function kd(evt) {
  alert(evt.keyCode);
  if (evt.keyCode >= 48 && evt.keyCode <= 57) {
   tag=true;
   return;
  }else{
   if (evt.keyCode==8){
    tag=true;
    return;
   }
  }
  tag=false;
}
function kp(){
  return tag;
}

至于为什么这样，自己测试一下不这样的结果吧

dreamstone 2007-09-10 22:50 发表评论

javascript 格式化数字

dreamstone — Mon, 10 Sep 2007 14:02:00 GMT

dreamstone 2007-09-10 22:02 发表评论

用vbscript来重写javascript

dreamstone — Mon, 10 Sep 2007 07:45:00 GMT

我们现实中可能有一种需求就是要控制confirm的时候焦点的默认值，这个时候javascript就比较难了。
可以尝试用vbscript来重写javascript，虽然这种方法也有很多弊端。

dreamstone 2007-09-10 15:45 发表评论

js转换中把10进制数字转换成16进制

dreamstone — Mon, 10 Sep 2007 07:40:00 GMT

dreamstone 2007-09-10 15:40 发表评论

javascript中的各种输入限制

dreamstone — Mon, 10 Sep 2007 07:37:00 GMT

1.文本框输入限制

实现限制输入大、小写英文，数字，浮点小数，日期，中文，部分英文，部分中文等众多功能。直接加入到html代码中即可使用。

小写英文：

onpaste = "return regInput(this, /^[a-z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[a-z]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

大写英文：

onpaste = "return regInput(this, /^[A-Z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[A-Z]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

任意数字：

onpaste = "return regInput(this, /^[0-9]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[0-9]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

限2位小数：

onpaste = "return regInput(this, /^\d*\.?\d{0,2}$/,
window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^\d*\.?\d{0,2}$/,
event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

如: 123.12

日　期：

onpaste = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}
([-\/](\d{1,2})?)?)?)?$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}
([-\/](\d{1,2})?)?)?)?$/,
event.dataTransfer.getData('Text'))"

style="ime-mode:Disabled">

如: 2002-9-29

任意中文：

onpaste = "return regInput(this, /^[\u4E00-\u9FA5]*$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^[\u4E00-\u9FA5]*$/,
event.dataTransfer.getData('Text'))">

部分英文：

onpaste = "return regInput(this, /^[a-e]*$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^[a-e]*$/,
event.dataTransfer.getData('Text'))"

style="ime-mode:Disabled">

范围: a,b,c,d,e

部分中文：

"setTimeout('checkChinese('+this.value.length+','+this.uniqueID+')',
1)"

onpaste = "return regInput(this, /^[一二三四五六七八九十]*$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^[一二三四五六七八九十]*$/,
event.dataTransfer.getData('Text'))">

范围: 一二三四五六七八九十

2.不能展开右键，不能全选，不能复制的实现

onkeypress="window.event.returnvalue=false"
onkeydown="window.event.returnvalue=false"
onkeyup="window.event.returnvalue=false"
ondragstart="window.event.returnvalue=false"
onselectstart="event.returnvalue=false">
...

3.禁止页面正文内容被选取

onselectstart ="return false" onselect="document．selection.empty()"
oncopy="document．selection.empty()" onbeforecopy="return false"onmouseup="document．selection.empty()">

4.避免别人把网页放在框架中