javascript/js点击事件显示日期的效果

我们先看看JS代码和效果图

代码如下：

按F12预览效果图如下：

点击“显示日期”按钮之后出现的效果图如下：

下面我们来讲解下这个JS：

JS部分

<script>function displayDate()//申明一个JS叫做displayDate()的方法{document.getElementById("yue").innerHTML=Date();//这段表示从整个文档获取元素里面id样式名字为yue的标签，然后把JS内置时间函数Date()放到标签id为yue的标签中并替换掉原来标签的内容！}</script>

代码部分

<h1>月影的第一个javascript程序</h1>
<p id="yue">第一段</p>
<button type="button" onclick="displayDate()">显示日期</button>//通过onclick这个点击事件来调用JS中含有displayDate()的JS方法，从而产生JS效果！

javascript/js点击事件显示日期的效果相关推荐

javascript模拟点击事件--实现视频自动播放
背景这两年一直在做浏览器开发相关的工作,我们所做的浏览器禁用了视频自动播放功能,以实现视频预加载功能:浏览器在视频播放时为了实现视频秒开效果(就是一点击页面里的播放按钮就立即开始播放,而不 ...
Android之按钮点击事件——显示图片隐藏图片
哈喽!时隔两个月,我又和大家见面啦! 今天,我要分享的内容一如既往的很基础,即关于Android的按钮点击事件--显示图片&&隐藏图片,它的执行过程比较简单,所以这里我就不放什么图片或 ...
js 点击事件穿透 html,Js点击事件.html
Js点击事件 /*Reset css*/ body{font-family:"宋体";font-size:12px;background:#fff;color:#333;margi ...
PC端微信浏览器js点击事件失效
**电脑端微信浏览器js点击事件失效**前段时间发现开发的一个微信公众号上一个按钮的点击事件在手机上是正常的,电脑端手机微信里却不起作用.在网上找了好久都没有找到解决办法.后来查看其它的页面的同样的点 ...
JS点击事件的使用方法
JS点击事件的使用方法 <html lang="en"><head><meta charset="UTF-8"><me ...
很基本的js点击事件和jq点击事件的写法
js点击事件常用获取到id <div id="box">click</div> var btn=document.getElementById('box' ...
** Vue下js点击按钮元素左右滚动效果 **
** Vue下js点击按钮元素左右滚动效果 ** 小程序.前端交流群:609690978 先上效果图代码: <div id="classifyScroll" :class= ...
jquey javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
问题: 如果DOM元素是动态生成的,在这种情况下为该元素绑定click时间,发现点击事件无效,设置debugger,console.log也没用解决: juery:为目标元素的父元素,或者是整个文档 ...
百度地图：为标记添加点击事件显示标注
之前写了百度地图的标注,原文链接:使用百度地图API实现地图生成.标记以及标注,但是因需求更改,标注的显示需要通过点击标记才能显示. 以下为更改内容: //给标记添加点击事件以及显示窗口信息var i ...

javascript/js点击事件显示日期的效果

javascript/js点击事件显示日期的效果相关推荐

最新文章

热门文章