JS代码在Web编程中会经常用到,且功能强大。以下是我在工作中常常用的JS代码,总结如下:
1、触发事伯提交表单
示例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、自动获得焦点
示例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")
示例5:
<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)
示例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>
7、文本框中自动将小写字母转换大写
示例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、当脚本将焦点定位到一个文本框后,怎么将光标定位文本框里字符串未尾
示例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编程各章节及章节代码之前,我们首先要理解Web编程的基本概念。Web编程是创建和维护基于互联网的应用程序的过程,它涉及到多种技术和语言,包括HTML、CSS、JavaScript、PHP、Python、Java等,用于构建...
在Web编程开发中,常用的一些代码片段对于构建交互式和功能丰富的网页至关重要。以下是一些关键知识点: 1. **窗口操作**:在HTML中,可以使用ActiveX对象来控制浏览器窗口的行为。例如,`<object>`标签与`clsid`...
在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框架。这些框架提供了丰富的功能,如依赖注入、安全控制、...
读者只需解压“JavaScript+DOM编程艺术源代码.zip”,便可以在本地环境中运行和调试这些代码,从而实现书中的各种效果。 总体来说,《JavaScript+DOM编程艺术》不仅是一本基础教材,更是一本实战指南。它不仅使读者...
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构建交互丰富的Web应用,那么JavaScript代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的...
总的来说,"JavaScript DOM编程艺术第二版"是一本全面介绍JavaScript与DOM结合的实践指南,它将帮助读者从初级到高级,系统地掌握JavaScript在网页动态化中的应用,提升Web开发技能。通过阅读这本书,开发者不仅能...
这些基础知识对于理解和编写任何JavaScript代码都至关重要。 接着,书中详细介绍了DOM的概念和工作原理。DOM将网页解析为节点树,每个HTML或XML元素都是一个节点。通过DOM API,我们可以找到特定的节点,创建、修改...