javascript怎么设置_技术者丨你对Javascript知多少

9851875ac521a35d308d329f0a372604.gif

JavasCript知多少

对于Javascript(简称JS)大家了解有多少呢?

对于已经开过课的同学们,自然是有所了解,然而对于未开过的同学来说,是陌生的。也许在课上听老师提到过,出于好奇,有所探索。无论如何,小信在这里分享一些JS的小案例。

c70deaf1727b14f50e21ef58d2fe32fc.png

首先你需要知道JavaScript的代码放在哪里,怎么放,才能继续学习。

2453897fb7e900f818a32b2808c60334.png

简单地说,一个html的框架长这样,head里边是我们放各种标签的地方,也是我们放标签和放

loading.gif

类似引入css代码的方法。

loading.gif

把JavaScript代码放入一个单独的.js文件中更利于维护代码,并且多个页面可以各自引用同一份.js文件。可以在同一页面中引入多个.js文件,还可以在页面中多次编写,浏览器按顺序依次执行。

有时你也会看到

<script type="text/javascript">script>
其实这是没有必要的,因为默认的type就是Javascript,所以不必显式的指定它。 loading.gif

如果我想实现一个常见的功能,点击按钮弹出提示框,要怎么做呢?

loading.gif

其实很简单,一个按钮标签,一段js代码。

loading.gif

js代码需要用

loading.gif

大家再来看看这个,点击后弹出的提示框显示了此时此刻的完整的时间。那么这个是如何实现的呢?

其实也很简单,上面注释掉的代码就可以实现。利用自带的函数Date()即可。也可以对这个函数做出调整,实现只显示时间,或者显示时间日期等等的功能。

loading.gif

那么这个又是如何实现的呢?

loading.gif

虽然看起来有点复杂,但经过接下来的讲解,相信你会有所理解。

nowtime获取那一大串显示的时间。再经过year,month,date。来截取我们所需要的。后经alert()输出,以实现点击弹出此时此刻的时间。


今天的教程就到这里了

同学们若是感兴趣

可以在课后自行学习

若有错误的地方欢迎指正

后续会根据反应情况来适度调整难度


▼往期精彩回顾▼●技术者 | 快来学习CTF,来遇见属于你的“现”男(女)友吧●技术者 | 专业收大学习30年,满满的干货教程~

●技术者 | 满满的“干货”教程,教你搭建人与网络的“桥梁”

●技术者 | 网页制作第四期,底部的制作

●技术者丨Premiere视频制作第一期,制作复仇者联盟片头

●技术者丨教你做简单的ps文字穿插图案效果海报


更多精彩内容请点击

公众号菜单栏下的>活动>技术者


汽车与信息工程学院团委宣传部

图片部分源自网络

责编 | 胡昌伟

审核 | 朱慧慧 章静豪


loading.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值