JavaScript 实用技巧：表单提交与页面加载操作

4星 · 超过85%的资源需积分: 10 194 浏览量更新于2024-09-16 收藏 5KB TXT 举报

"JavaScript脚本语言在网页开发中的应用实例" JavaScript是一种广泛应用于Web开发的脚本语言，它在网页中负责处理用户交互、动态内容更新以及与服务器进行异步通信等任务。以下是一些常见的JavaScript实战技巧： 1. **表单提交**：在网页中，我们经常使用`<form>`元素来收集用户输入的数据。在JavaScript中，可以使用`document.forms`对象来访问表单，并通过`submit()`方法来提交表单。例如，`document.forms["userInsertForm"].submit();`将提交名为"userInsertForm"的表单。这通常用于在用户点击按钮后触发数据的发送。 2. **改变表单的action属性**：表单的`action`属性决定了提交数据的URL。在JavaScript中，我们可以动态改变这个属性，使得同一个表单可以提交到不同的地址。如示例所示，先获取表单对象`updateForm`，然后设置其`action`属性为新的URL，再调用`submit()`方法，即可实现不同操作（更新或删除）对应不同URL的逻辑。 3. **页面加载完成后的处理**：当页面完全加载完毕后，可以使用`window.onload`事件或者`<body>`标签的`onload`属性来执行某些初始化操作。例如，设置某个元素的初始值。在这个例子中，函数`pageLoadFinish()`会在页面加载完成后被调用，它会找到id为"orgtype"的`<select>`元素，并将其选中项设为value为"1"的选项。 4. **innerHTML属性**： `innerHTML`是JavaScript中一个非常有用的属性，它允许我们获取或设置HTML元素内部的HTML内容。如果我们要改变某个元素的HTML结构，可以通过修改它的`innerHTML`。在给出的例子中，当用户点击id为"btnid"的按钮时，`test()`函数会被调用，这将改变id为"holidayid"的`<a>`标签的内容。这些只是JavaScript在实际开发中的一些基本应用，实际上JavaScript还能做更多的事情，比如DOM操作、AJAX请求、事件监听、动画效果等。熟练掌握JavaScript能让你在Web开发中更加得心应手。

1:提交指定的表单
<form name="userInsertForm" action="a.jpg" method="post">
<input type="button" id="btnid" value="保存" onclick="doSave()"/>
</form>
js脚本调用
document.forms["userInsertForm"].submit();
2:同一表单内,通过按钮走不同的action地址
<form name="updateForm" action="update.jpg" method="post">
<input type="button" id="updateBtn" value="走单实体更新的servlet" onclick="doUpdate()"/>
<input type="button" id="updateBtn" value="走多实体删除的servlet" onclick="doDelete()"/>
</form>
js脚本调用
document.forms["updateForm"].submit();
或者
var updateForm=document.forms["updateForm"];
updateForm.action="delete.jpg";
updateForm.submit();
3:下拉框数据的展示
<body onload="pageLoadFinish()">

机构类型：<select id="orgtype">
<option value="">未选择</option>
<option value="0">银行</option>
<option value="1">外汇管理局</option>
</select>

</body>
脚本的控制:
function pageLoadFinish(){

剩余5页未读，继续阅读

huazai_2014

粉丝: 0
资源: 1

JavaScript 实用技巧：表单提交与页面加载操作

JavaScript：网页交互的脚本语言

零基础入门：JavaScript脚本语言详解

Java实现的类JavaScript脚本语言新进展

javascript脚本语言

实例说明js脚本语言和php脚本语言的区别

JavaScript脚本语言基础

验证js脚本语言

javascript脚本语言教程ppt

网页javascript脚本语言提取器

JavaScript脚本语言主要特点

最新资源