JavaScript学习笔记(一)【简介】

在这里插入图片描述
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

猜你喜欢

转载自blog.csdn.net/weixin_45386909/article/details/107726844