word javascript怎么用 javascript怎么弄_word javascript怎么用

JavasCript知多少

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

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

word javascript怎么用 javascript怎么弄_css_02

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

word javascript怎么用 javascript怎么弄_css_03

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

word javascript怎么用 javascript怎么弄_js代码_04

类似引入css代码的方法。

word javascript怎么用 javascript怎么弄_js代码_04

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

有时你也会看到



<script type="text/javascript">script>


其实这是没有必要的,因为默认的type就是Javascript,所以不必显式的指定它。

word javascript怎么用 javascript怎么弄_js代码_04

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

word javascript怎么用 javascript怎么弄_js代码_04

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

word javascript怎么用 javascript怎么弄_js代码_04

js代码需要用

word javascript怎么用 javascript怎么弄_js代码_04

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

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

word javascript怎么用 javascript怎么弄_js代码_04

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

word javascript怎么用 javascript怎么弄_js代码_04

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

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



今天的教程就到这里了

同学们若是感兴趣

可以在课后自行学习

若有错误的地方欢迎指正

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