JS代码在Web编程中会经常用到，且功能强大。以下是我在工作中常常用的JS代码，总结如下：
1、触发事件提交表单
<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>
2、onchange与onclick的事件触发
onchange大多用在下拉列表的触发事件中，重点在“改变”即触发事件。如页面的跳转等。而onclick强调“点击”，即点击即触发事件，用途广泛。
用法比较简单，就不做示例了。
3、“onblur”当焦点离开文本控件时，触发动作。它常常于自动获得焦点一起使用
4、自动获得焦点
<body bgcolor="#FFFFFF" onload="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>
5、回车移动焦点（onkeydown="if(event.KeyCode == 13)event.KeyCode=9"）
<form name="form1" method="post">
<input type="text" name="text1" value="测试文字1" onkeydown="if(event.KeyCode == 13)event.KeyCode=9">
<input type="text" name="text2" value="测试文字2" onkeydown="if(event.KeyCode == 13)event.KeyCode=9">
<input type="submit" name="submit1" value="提 交"">
</form>
6、锁定文本框（readonly）
<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>
7、文本框中自动将小写字母转换大写
<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>
8、当脚本将焦点定位到一个文本框后，怎么将光标定位文本框里字符串未尾
<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>
分享到：
相关推荐
以上就是从提供的文件内容中解析出的一些WEB编程开发的常用代码技巧。在实际开发中，理解并灵活运用这些代码能够提高网页的功能性和用户体验。同时，随着技术的发展，开发者还需要关注新的API、框架和最佳实践，以...
JavaScript代码通常嵌入到HTML页面中，可以在用户与网页交互时执行。它可以改变HTML元素的属性、创建动态效果、处理用户输入，甚至可以进行服务器通信（通过Ajax技术）。例如，以下代码会显示一个弹出对话框： ```...
在Web编程开发中，常用的一些代码片段对于构建交互式和功能丰富的网页至关重要。以下是一些关键知识点： 1. **窗口操作**：在HTML中，可以使用ActiveX对象来控制浏览器窗口的行为。例如，`<object>`标签与`clsid`...
在深入探讨Web编程各章节及章节代码之前，我们首先要理解Web编程的基本概念。Web编程是创建和维护基于互联网的应用程序的过程，它涉及到多种技术和语言，包括HTML、CSS、JavaScript、PHP、Python、Java等，用于构建...
在Java Web编程中，我们首先要了解的是基础环境的搭建，这包括JDK（Java Development Kit）的安装、IDE（Integrated Development Environment）的选择，如Eclipse或IntelliJ IDEA，以及Tomcat或Jetty等Web服务器的...
《Python测试驱动开发：使用Django、Selenium和JavaScript进行Web编程》这本书是关于现代Web应用开发的一个深度指南，特别关注于使用Python语言以及相关的工具和技术。书中详细介绍了如何运用测试驱动开发（TDD）的...
JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍，主要涵盖了JavaScript语言在Web前端开发中的应用，特别是关于DOM（Document Object Model）的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...
10. **性能优化**：理解V8引擎的工作原理，学习如何编写高性能的JavaScript代码，如减少内存泄漏、优化循环等。 11. **ES6新特性**：箭头函数、类、解构赋值、模板字符串、let/const、生成器、async/await等，这些...
在Web设计和开发中，JavaScript是一种至关重要的编程语言，它为网页添加了动态功能和交互性。本资源包提供了一些常见的JavaScript例子，帮助开发者更好地理解和应用JavaScript技术。下面，我们将详细探讨这些例子所...
《Python测试驱动开发：使用Django、Selenium和JavaScript进行Web编程（第2版）》是一本详尽探讨如何在Web开发中应用测试驱动开发（TDD）技术的专业书籍。这本书不仅涵盖了Python语言的基础，还深入讲解了Django框架...
本书讲述了JavaScript和DOM的基础知识，但重点放在DOM编程技术背后的思路和原则：预留退路、循序渐进和以用户为中心等，这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中的所有代码示例中，使...
源代码可能包含与AJAX相关的JavaScript代码。 10. **框架（如Spring MVC、Struts2）**: 为了简化开发，许多开发者选择使用Spring MVC、Struts2等成熟的Web框架。这些框架提供了丰富的功能，如依赖注入、安全控制、...
Babel将ES6+的新特性转换为向后兼容的JavaScript代码；以及各种性能优化技巧，如懒加载、代码分割和预渲染，都是现代Web开发中的重要知识点。 总的来说，Web编程基础是一门涵盖广泛的技术学科，从静态页面的构建到...
"DOM_Scripting__Web_Design_with_JavaScript_and_the_Document_Object_Model__Second_Edition.pdf"是书籍的PDF版本，"DOM+SCRIPTING"可能包含与书中章节相对应的代码示例。 总之，《JavaScript DOM编程艺术 第2版...
《Java Web高级编程》这本书是Java Web开发领域的经典之作，其源代码提供了丰富的实例和练习，帮助读者深入理解和掌握相关技术。以下将根据标题、描述和标签，详细讲解书中涉及的关键知识点。 一、Java Web基础 ...
JavaScript是Web开发中不可或缺的一部分，尤其在前端领域更是扮演着核心角色。本指南将深入探讨JavaScript的高效编程和函数式编程这两个重要主题，帮助开发者提升技能，实现更优雅、更可维护的代码。 《Effective ...
读者可以通过解压“JavaScript+DOM编程艺术源代码.zip”获取这些代码，然后在本地环境中运行和调试，以实现书中的各种效果。 在学习这本书的过程中，读者不仅会掌握JavaScript语言本身，还将学会如何利用DOM来操纵...
如果你使用JavaScript构建交互丰富的Web应用，那么JavaScript代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的...
总的来说，"JavaScript DOM编程艺术第二版"是一本全面介绍JavaScript与DOM结合的实践指南，它将帮助读者从初级到高级，系统地掌握JavaScript在网页动态化中的应用，提升Web开发技能。通过阅读这本书，开发者不仅能...
这些基础知识对于理解和编写任何JavaScript代码都至关重要。 接着，书中详细介绍了DOM的概念和工作原理。DOM将网页解析为节点树，每个HTML或XML元素都是一个节点。通过DOM API，我们可以找到特定的节点，创建、修改...