JavaScript实现:数字判断与日期显示

需积分: 9 9 下载量 4 浏览量 更新于2024-09-12 收藏 35KB DOC 举报
"基础Web编程示例" 在这些简单的Web程序中,我们主要涉及了JavaScript语言在Web页面中的应用,以及一些基本的HTML元素和事件处理。以下是对这些内容的详细解释: 1. JavaScript判断数字正负零: 在这个例子中,我们创建了一个HTML表单,包含一个文本输入框(`<input type="text" name="nob">`)和一个按钮(`<input type="button" name="ok" onclick="ch()" value="判断">`)。当用户点击“判断”按钮时,触发JavaScript函数`ch()`。该函数首先检查输入值是否为数字(`isNaN(nob.value)`),如果输入非数字,弹出警告提示。然后,根据输入值与0的关系,分别弹出不同的消息:如果等于0,提示“您输入的数字是0!”;如果大于0,提示“您输入的数字是正数!”;如果小于0,提示“您输入的数字是负数!”。 2. 实时显示当前日期: 这个例子展示了如何使用JavaScript动态更新输入框(`<input type="text" name="date" value=""/>`)的值,使其显示当前日期。首先,通过`document.getElementsByName("date")[0]`获取到输入框元素,然后定义函数`gd()`来设置日期。函数内部利用`new Date()`创建一个日期对象,并通过`getFullYear()`、`getMonth()+1`和`getDate()`获取年、月和日。最后,将这些值拼接成字符串并设置为输入框的值。此外,还为输入框添加了`onmouseover`事件,当鼠标悬停在输入框上时,会更新日期为当前时间。 这些示例演示了基础的Web交互功能,包括JavaScript的条件判断、事件处理和DOM操作。它们是构建更复杂Web应用程序的基础,对于初学者来说是非常有价值的实践项目。了解这些基础知识有助于进一步学习HTML5、CSS3以及更高级的JavaScript框架,如jQuery、React或Vue等。同时,这些示例也提醒我们,JavaScript作为客户端脚本语言,能够增强网页的动态性和用户体验。