javascript 日期及onload的用法

最新推荐文章于 2024-02-08 14:08:30 发布
最新推荐文章于 2024-02-08 14:08:30 发布
阅读量153 收藏
点赞数
文章标签： javascript ViewUI
本文介绍如何在JavaScript中使用Onload事件以及如何获取当前日期，并演示了如何在当前日期的基础上加上三天的方法。文中还提供了多种日期格式化的函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Onload 一般结合body使用,无body时使用方式如下：
<script language="JavaScript">
function test()
{
alert('test');
}
window.onload = test;
下面是获取当前日期以及在当前日期基础上加３天的方法
<head>
<script language="JavaScript">
function initDate(){
var d=new Date();
n=d.getDate()+3;
n=n.toString();
d.setDate(n);
document.getElementById("t1").value=d.toLocaleDateString();
}
function Date1(){
var d=new Date();
n=d.getDate();
n=n.toString();
d.setDate(n);
document.getElementById("t2").value=d.toLocaleDateString();
}
</script>
</head>
<body onload="Date1()">
<input type="text" id="t2" size="20">
<input type="text" id="t1" size="25px" onclick="initDate()">
</body>
与toLocaleDateString()类似的还有：
toLocaleString()返回的是日期和时间
toLocaleTimeString()返回的仅仅是时间
toDateString()返回的是日期和星期
toGMTString()返回所有

溺水的鱼
关注
深入探索 JavaScript 的 `onload` 事件：从基础到高级应用
欢迎来到软件测试jeffky博客！在这里，我们将探讨各种与软件测试相关的主题，包括测试策略、方法、工具、最佳实践和行业趋势。我们的目标是帮助读者提高软件质量，确保用户满意度，并分享在软件测试领域的知识和经验。
12-12 1221
onloadonload事件是 Web 开发中一个非常有用的工具，它允许开发者在页面完全加载后执行特定的代码。无论是简单的用户提示、延迟执行代码，还是复杂的数据初始化和动画效果，onload事件都能提供很大的灵活性和便利性。通过合理地使用onload事件，开发者可以创建更加动态和互动的网页，从而提升用户体验。
onload什么时候执行
ios0213的专栏
06-25 9073
在JS中，如果希望在页面加载完成后执行某些操作的话，一般的写法如下： window.onload = function(){// some thing to do}; 但 是，onload函数的执行并不是我们通常所理解的浏览器构建完html页面对应的DOM树后立刻执行，而是要等到页面中所引用的图片等外部资源 完全下载完成后并且在浏览器中显示才执行，也就是说，如果页面中包括很多图片或者图
javascript当中onload用法
mark_to_win的专栏
03-17 411
7）onload马克-to-win：onload就是等页面加载完后才执行。例 3.7.1<HEAD> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript"> <!-- fun...
onload的具体使用
热门推荐
beidaol的专栏
12-23 2万+
用法 window.onload: 页面加载完成 一，window.onload的用法： 因为页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。 所以当js代码需要获取页面中的元素时，如果script标签在元素的前面，需要加window.onload；如果script放在了元素后面，就不需要加 window.onload。 例一：点击按钮，实现div变大的效果（宽，高，增加200...
微信小程序中的onLoad详解及简单实例
最新发布
weixin_42017221的博客
02-08 7063
onLoad是小程序中页面的生命周期函数之一，表示页面加载时会触发该函数，通常用于数据的初始化。
在页面顶部显示具体日期时间。getDate（）
qq_42780323的博客
09-16 723
获取日期，在页面头部显示时间。 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;获取日期&lt;/title&gt;    &lt;style&gt;         p{background:pi
JavaScript实现的日期控件具体代码
10-26
总的来说，这个JavaScript日期控件通过自定义的CSS和JavaScript实现了动态的日历显示，允许用户方便地选择日期并将其插入到指定的输入字段。这样的控件在网页表单中非常常见，特别是在需要用户输入日期的场景下，极...
JavaScript实现设置默认日期范围为最近40天的方法分析
10-19
### JavaScript日期时间运算 在JavaScript中，我们通常使用Date对象来处理日期和时间。Date对象提供了许多方法来进行日期时间运算，如获取当前日期时间、设置特定的日期时间、计算两个日期之间的差异等。 ### ...
原生javascript实现自动更新的时间日期
10-22
本文将详细介绍如何使用JavaScript来获取并实时更新时间日期。 ### HTML与JavaScript结构 首先，我们需要在HTML中准备一个用于显示时间的元素，比如一个`div`，并为其指定一个ID。之后，在`<script>`标签中编写...
JavaScript+HTML5实现的日期比较功能示例
10-19
JavaScript的Date对象提供了许多方法来处理日期和时间，例如`getDate()`, `getMonth()`, `getFullYear()`等，这些方法可以帮助我们获取Date对象中的年、月、日等信息。 接下来，要进行日期比较，可以通过计算两个...
JS的onload事件
wuyujin1997的博客
03-18 1942
之前按照HTML规范在&lt;head&gt;中嵌套&lt;script&gt;，写JS脚本获取HTML元素并做操作，但有时会报错。 原因：报错 &lt;- 元素为null &lt;- 页面未加载完成(先执行JS脚本获取，之后才加载该元素)。 解决：window.onload事件。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt
JavaScript中onload事件
weixin_47511190的博客
07-11 1266
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> //onload事件的静态方法 function onloadfun(){ alert("静态注册onload事件所有代码"); }
JS中window.onload()事件
weixin_44134816的博客
03-17 3293
1.onload事件会在整个页面加载完成后才会触发 2.window绑定一个onload事件 --该事件对应的响应函数将会在页面加载完成之后执行 --这样可以确保代码执行时所有的DOM对象已经加载完毕 --html执行顺序从上到下（js代码在body前面，会导致先执行js代码，再加载dom对象），window.onload()可以解决这个问题 例如： window.onload=function(){ ---函数中放js代码 } ...
window.onload的加载时间
04-10 1363
今天我遇见一个window.onload加载的问题，不知道它是什么时候加载的。于是我测了一下，代码如下： window.onload=function(){  document.getElementById('divFill').style.height = 100 +"px";    alert("inner:"+document.getElementById('divFill').s
如何在页面进入时就加载js
weixin_33895604的博客
01-06 717
页面一打开就执行JS的代码！ onLoadwindow.onLoad=function(){}window.onload=function(){ } 补充：window.onload和doucument.ready的区别 转载于:https://www.cnblogs.com/huiziblog666/p/6256050.html...
使用Javascript实现title动态显示日期教程
2. 格式化日期时间：使用JavaScript提供的方法对获取到的日期时间进行格式化，使其更加符合展示需求。 3. 动态设置`title`属性：通过JavaScript改变指定元素的`title`属性，将格式化好的日期时间字符串设置为`title`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值