Web编程中常用的Javascript代码

最新推荐文章于 2024-04-08 13:03:22 发布

醉面韦陀

最新推荐文章于 2024-04-08 13:03:22 发布

阅读量144

点赞数

分类专栏： JavaScript 文章标签：编程 Web JavaScript PHP 脚本 ViewUI

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JS代码在Web编程中会经常用到，且功能强大。以下是我在工作中常常用的JS代码，总结如下：

1、触发事伯提交表单

示例1：

[code]
<script language="javascript">
function TJsub() {
if(confirm('您确定要提交本表单吗？'))
return document.form1.action ="test.php?action=set";
frm1.submit();
else return false;
}
</script>

<form name="form1" method="post">
<input type="text" name="text1" value="测试文字1">
<input type="text" name="text2" value="测试文字2" onClick="TJsub()>
<input type="submit" name="submit1" value="提交"">
</form>
[/code]
2、onchange与onclick的事件触发

onchange大多用在下拉列表的触发事件中，重点在“改变”即触发事件。如页面的跳转等。而onclick强调“点击”，即点击即触发事件，用途广泛。

用法比较简单，就不做示例了。

3、“onblur”当焦点离开文本控件时，触发动作。它常常于自动获得焦点一起使用

4、自动获得焦点

示例4：
[code]
<body bgcolor="#FFFFFF" οnlοad="document.form1.text2.focus()">
<form name="form1" method="post">
<input type="text" name="text1" value="测试文字1">
<input type="text" name="text2" value="测试文字2" onClick="TJsub()>
<input type="submit" name="submit1" value="提交"">
</form>
</body>
[/code]
5、回车移动焦点（οnkeydοwn="if(event.KeyCode == 13)event.KeyCode=9"）

示例5：
[code]
<form name="form1" method="post">
<input type="text" name="text1" value="测试文字1" οnkeydοwn="if(event.KeyCode == 13)event.KeyCode=9">
<input type="text" name="text2" value="测试文字2" οnkeydοwn="if(event.KeyCode == 13)event.KeyCode=9">
<input type="submit" name="submit1" value="提交"">
</form>
[/code]
6、锁定文本框（readonly）
[code]
示例6：

<form name="form1" method="post">
<input type="text" name="text1" value="测试文字1" readonly>
<input type="text" name="text2" value="测试文字2" readonly>
<input type="submit" name="submit1" value="提交"">
</form>
[/code]
7、文本框中自动将小写字母转换大写
示例7：
[code]
<form name="form1" method="post">
<input type="text" name="text1" value="sample" style="font-variant:Small-caps" >
<input type="text" name="text2" style="font-variant:Small-caps" >
<input type="submit" name="submit1" value="提交"">
</form>
[/code]
8、当脚本将焦点定位到一个文本框后，怎么将光标定位文本框里字符串未尾

示例8：
[code]
<SCRIPT>
function setCaretAtEnd (field) {
if (field.createTextRange) {
var r = field.createTextRange();
r.moveStart('character', field.value.length);
r.collapse();
r.select();
}
}
</SCRIPT>
<FORM NAME="aForm">
<INPUT TYPE="text" NAME="userName" VALUE="測試文字" ONFOCUS="setCaretAtEnd(this)" >
<INPUT TYPE="text" NAME="userAge" VALUE="測試文字" ONFOCUS="setCaretAtEnd(this)" >
</FORM>
[/code]