网页中一些常见的问题与解决代码

时间:2010-03-31 17:46:41  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:reak-word; word-break: break-all;用回车提交表单<body onLoad="form.txt.focus()"><form name="form"><input name="txt" size="100" value="Mouse点我提交,按Enter也提交" onClick="form.submit()" onKeyDown="if (event.keyCode==13)form.submit()"></f...
  正文:

只能输入数字正则
<input onKeyUp="value=value.replace(/D+/g,'')">

只能输入中文正则
<input onKeyUp="value=value.replace(/[ -}]/g,'')">

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

用回车提交表单
<body onLoad="form.txt.focus()">
<form name="form">
<input name="txt" size="100" value="Mouse点我提交,按Enter也提交" onClick="form.submit()" onKeyDown="if (event.keyCode==13)form.submit()">
</form>

删除时确认

<a href='JavaScript:if(confirm("确实要删除吗?"))location="boos.ASP/ target=_blank class=infotextkey>asp?&areyou=删除&page=1"'>删除</a>

怎样让表单没有凹凸感
<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000"></textarea>

怎样去掉图片链接点击后,图片周围的虚线

<a href="#" onFocus="this.blur()"><img src="http://webdesign.chinaitlab.com/
UploadFiles_8014/200604/20060418120354533.gif" border=0></a>

子窗口刷新父窗口

window.opener.location.reload()

 打开一个新的窗口,而窗口的宽度和高度则是这个图片的实际的高和宽

<img src="http://webdesign.chinaitlab.com/UploadFiles_8014
/200604/20060418120354533.gif" onClick="window.open('','','width='+this.width+',height='+this.height)">

弹出的窗口居中
<script>
myWin=window.open("about:blank","","width=200,height=160");
myWin.moveTo(screen.width/2-100,screen.height/2-80);
</script>

单击表格中某个单元格则这个单元格变颜色

<script language="JavaScript">
function test(t) {
 for (var i=0; i<t.rows.length; i++)
 for (var j=0; j<t.rows[i].cells.length; j++)
 t.rows[i].cells[j].bgColor = t.rows[i].cells[j] == event.srcElement ? 'red' : '';
}
</script>
<table width="300" cellspacing="1" bgcolor="black" onClick="test(this)">
<tr bgcolor="white" height="20"><td> </td><td> </td><td> </td></tr>
<tr bgcolor="white" height="20"><td> </td><td> </td><td> </td></tr>
<tr bgcolor="white" height="20"><td> </td><td> </td><td> </td></tr>
</table>

单选框问题

有三个单选框,
<input type=radio name=1>222
<input type=radio name=2>222
<input type=radio name=3>222
怎么样使选中第一个后才能选择下面两个中的一个。

<script>
function change(radobj){
var obj = document.getElementsByName("radio2");
for(i=0;i<obj.length;i++){
   obj[i].disabled = !radobj.checked;
}
}
</script>
<input type=radio name="radio1" onclick=change(this)>222
<input type=radio name="radio2" disabled>222
<input type=radio name="radio2" disabled>222
 

tbody区域滚动条

<HTML><HEAD><TITLE>锁定表格栏位范例网页</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/Css>BODY {
    FONT: 12px 细明体; CURSOR: default
}
TD {
    FONT: 12px 细明体; CURSOR: default
}
.title {
    BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 4px; BACKGROUND: #ccc; PADDING-BOTTOM: 4px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; CURSOR: hand; PADDING-TOP: 4px; BORDER-BOTTOM: #555 1px solid; WHITE-SPACE: nowrap

网页中一些常见的问题与解决代码》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/13420.html

 1/4    1 2 3 4 下一页 尾页


关键字:

关于《网页中一些常见的问题与解决代码》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td