JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格
这是百度百科的解释,简单说就是:
- JavaScript 是一种解释型语言(不用编译,直接运行)
- 类似于 C 和 Java 的语法(其实大部分语言都是如此)
- 是一种动态语言
- 基于原型的面向对象
新建一个 Html 文件,index.js ,在里面添加一个标签:
<script type="text/javascript">
------JavaScript代码部分--------
</script>
下面学习三个命令:
- alert()
- document.write()
- console.log()
alert()
写好代码后,打开 index.html,页面首先会出现这样一个弹窗,点击关闭后就进入正常页面了。
<script type="text/javascript">
alert("这是一个弹窗")
</script>
document.write()
document.write() 将指定内容写入body里面,指定内容就写在括号里面即可
<script type="text/javascript">
document.write("这是 html body里面的内容")
</script>
打开 index.html
<script type="text/javascript">
console.log("我是控制台里面的内容")
</script>
打开 index.html 后发现页面空白,在页面鼠标右键点击检查元素
在控制台里面可以看到我们打印的内容。
如果将三个命令写在一起:
<scirpt type="text/javascript">
alert("我是弹出框的内容")
document.write("我是 html body里面的内容")
console.log("我是控制台里面的内容")//从上到下按顺序执行
</script>
如果同时执行的话,将会按照从上到下的顺序,出现弹窗,关闭弹窗后页面出现 body 内容,之后打开控制台后出现 console.log()里面的内容
除了这种标签中写 js 代码的方式,还有一种更为推荐的方式–外部引用
<script src="./index.js"></script>
把 js 的代码写进 inde.js 里面,这个 src=“文件路径”,建立起了html 和 js 的联系。写完代码记得页面刷新一下,就可以看到效果了。
【注意】:注意:script 标签,当用于引入外部文件,就不能在内部编写了;如果需要,则再创建一个新的script