??xml version="1.0" encoding="utf-8" standalone="yes"?>
q回一个从指定位置开始的指定长度的子字符丌Ӏ?/span>
stringvar.substr(start [, length ])
参数
stringvar
必选项。要提取子字W串的字W串文字?String 对象?/span>
start
必选项。所需的子字符串的起始位置。字W串中的W一个字W的索引?0?/span>
length
可选项。在q回的子字符串中应包括的字符个数?/span>
说明
如果 length ?0 或负敎ͼ返回一个空字符丌Ӏ如果没有指定该参数Q则子字W串gl到 stringvar 的最后?/span>
CZ
下面的示例演CZsubstr Ҏ的用法?/span>
function SubstrDemo(){
var s, ss; // 声明变量?br />
var s = "The rain in Spain falls mainly in the plain.";
ss = s.substr(12, 5); // 获取子字W串?br />
return(ss); // q回 "Spain"?br />
}
substring Ҏ
q回位于 String 对象中指定位|的子字W串?
strVariable.substring(start, end)
"String Literal".substring(start, end)
参数
start
指明子字W串的v始位|,该烦引从 0 开始v?/span>
end
指明子字W串的结束位|,该烦引从 0 开始v?/span>
说明
substring Ҏ返回一个包含从 start 到最后(不包?end Q的子字W串的字W串?/span>
substring Ҏ使用 start ?end 两者中的较g为子字符串的起始炏V例如, strvar.substring(0, 3) ?strvar.substring(3, 0) 返回相同的子字W串?
如果 start ?end ?NaN 或者负敎ͼ那么其替换??
子字W串的长度等?start ?end 之差的绝对倹{例如,?strvar.substring(0, 3) ?strvar.substring(3, 0) q回的子字符串的的长度是 3?
CZ
下面的示例演CZ substring Ҏ的用法?/span>
function SubstringDemo(){
var ss; // 声明变量?br />
var s = "The rain in Spain falls mainly in the plain..";
ss = s.substring(12, 17); // 取子字符丌Ӏ?br />
return(ss); // q回子字W串?br />
}
<script language="vbscript">
sub document_onkeydown
if event.keyCode=13 then
event.keyCode=9
end if
end sub
</script>
Javascript代码如下:
<script language="javascript" for="document" event="onkeydown">
<!--
if(event.keyCode==13)
event.keyCode=9;
-->
</script>
q样的处理方?可以实现焦点往下移?但对于按钮也起同L作用,一般的客户在输入完资料以后,跛_按钮?最好能直接?回R"q行数据的提?因此,对上面的Ҏ要进行一下修?应该对于"提交"按钮不进行焦点{U?而直接激zL?
因此我对上面的代码进行了一个修?卛_断事件的"?,是否为提交按?代码如下:
<script language="javascript" for="document" event="onkeydown">
<!--
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')
event.keyCode=9;
-->
</script>
判断是否为button, 是因为在HTML上会有type="button"
判断是否为submit,是因为HTML上会有type="submit"
判断是否为reset,是因为HTML上的"重置"应该要被执行
判断是否为空,是因为对于HTML上的"<a>链接"也应该被执行,q种情况发生的情况不?可以使用"tabindex=-1"的方式来取消链接获得焦点.
function insertRow()
{
var nRow=document.all.table10.rows.length; //表格的總行數
var objTheRow=document.all.table10.insertRow(nRow);//在最下邊新增一?br> objTheRow.insertCell(0);//新增一個單元格
objTheRow.insertCell(1);
objTheRow.insertCell(2);
objTheRow.cells(0).innerHTML=nRow;//新增的單元??br> objTheRow.cells(1).innerHTML=" ";
objTheRow.cells(2).innerHTML="<input type='button' value='del this row' onClick='deleteCurrentRow()'>";
}
====================我的E序代码======================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=GB18030">
<META name="GENERATOR" content="IBM WebSphere Studio">
<TITLE>cfbcard.html</TITLE>
</HEAD>
<SCRIPT language="JavaScript">
var j_1 = 1;
function add_row_family(){
newRow=document.all.family.insertRow(-1)
newcell=newRow.insertCell()
newRow.bgColor='#FFFFFF';
newcell.className='STYLE3';
newcell.align='center';
//newcell.innerHTML="<input type='text' name='familyname"+j_1+"' style='WIDTH: 60px; font-size:9pt; color:#000000' />";
newcell.innerHTML="<SELECT name='thesistogether"+j_1+"'>"+
" <option value='请选择'>"+
" 请选择"+
" </option>"+
" <option value='1'>"+
" 111"+
" </option>"+
" <option value='2'>"+
" 222"+
" </option>"+
" <option value='3'>"+
" 333"+
" </option>"+
" <option value='4'>"+
" 444"+
" </option>"+
" <option value='5'>"+
" 555"+
" </option>"+
"</SELECT>";
for(var i = 0;i<12;i++){
newcell=newRow.insertCell() ;
newRow.bgColor='#FFFFFF';
newcell.className='STYLE3';
newcell.align='center';
newcell.innerHTML="<input type='text' name='familyrelation"+j_1+"' style='WIDTH: 60px; font-size:9pt; color:#000000' />";
}
newcell=newRow.insertCell() ;
newRow.bgColor='#FFFFFF';
newcell.className='STYLE3';
newcell.align='center';
//newcell.innerHTML="<a href='javascript:delTableRow(\""+1+"\")'>删除</a>";
newcell.innerHTML="<input type='button' value='删除' onClick='deleteCurrentRow()'>";
j_1++;
document.all.j_1.value=j_1;
document.all.family.focus();
}
function deleteCurrentRow()//刪除當前?br>{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;
document.all.family.deleteRow(currRowIndex);//table10--表格id
}
</script>
<body bgcolor="#F5F1F5" >
<form name="form1" method="post" action="" onsubmit="">
<table>
<tr>
<td align="right"><INPUT type="button" name="add" onclick="add_row_family();" value="d"></td>
</tr>
<tr>
<td>
<table id="family" style="width:100%" border="1" cellspacing="1" cellpadding="2" class="tbMain">
<tr>
<td class="td_name">111</td>
<td class="td_name">222</td>
<td class="td_name">333</td>
<td class="td_name">444</td>
<td class="td_name">555</td>
<td class="td_name">666</td>
<td class="td_name">777</td>
<td class="td_name">888</td>
<td class="td_name">999</td>
<td class="td_name">000</td>
<td class="td_name">123</td>
<td class="td_name">456</td>
<td class="td_name">789</td>
<td class="td_name">删除</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
=================================另外一U方?=============
如何删除表格的行上次讲到了如何动态给表格增加行,那么q次p讲如何删除表格的行了。首先徏立一个表|
<table border="1">
<tr>
<td>姓名</td>
<td>地址</td>
</tr>
<tbody id="mainbody">
<tr id="delCell">
<td>name</td>
<td>address</td>
</tr>
</tbody>
</table>
取得tbody的元素var mailbody = document.getElementById("mainbody");,
接着取得要删除行的元素var cell = document.getElementById("delCell");
最后就是从tbody中移去要删除的行可以了mainbody.removeChild(cell);
完整的代码如下:
<html>
<head>
<title>动态删除表格的?lt;/title>
<script type="text/javascript">
function deleteCell(){
var mailbody = document.getElementById("mainbody");
var cell = document.getElementById("delCell");
if(cell!=undefined){
mainbody.removeChild(cell);
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>姓名</td>
<td>地址</td>
</tr>
<tbody id="mainbody">
<tr id="delCell">
<td>name</td>
<td>address</td>
</tr>
</tbody>
</table>
<input type="button" value="删除" onclick="deleteCell()"/>
</body>
<html>
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1490206