JavaScript简介

说明:课程来源CSDN《JavaScript编程入门》,讲师李兴华。学习使用,谢谢大家!

JavaScript简介-20220111学习日记

1.1 JavaScript简介

JavaScript指的是在网页上编程的编程语言,其主要是控制HTML页面的动态显示效果。HTML本身所能够带来的只是一些页面的风格展示,而想要展示的漂亮需要使用CSS,但是依然发现我们整个的代码都是固话的。
JvavScript的前身是LiveScript是有网景公司开发的,之所以改名为JavaScript,也是因为在当前的使用环境下Java语言的流行。所以,所谓大树下好乘凉,那么网景公司就将其以Java开头。唯一的好处就是JavaScript使用的标准的习惯语法(C、C++、Java、C#)。实际上,JavaScript属于ECMAScript标准 。
但是JavaScript的发展并不是一帆风顺的,首先JavaScript的技术必须基于浏览器的开发,也就是说不同的浏览器版本会有不同的JavaScript版本的支持。于是这个时候微软很牛X的说了。以后开发中不要用JavaScript了,这个存在很大的兼容性问题,另外推荐一门优秀的脚本语言:VBScript。
再继续后,JavaScript的发展开始超过了设计者本人的预期。后来由于改良的设计,出现了Node.JS的编程开发使用的是JavaScript作为服务器编程。

在这里插入图片描述
在这里插入图片描述

1.2、编写第一个JavaScript程序

JavaScript是嵌入在HTML代码之中的,可以直接使用“<script>”元素进行语句的编写。如果要开发程序,以后的编码都统一设置为UTF-8的编码。

范例:编写第一个程序

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JavaScript</title>
		<script type="text/javascript">
			window.alert("hello!");
			// 类似于System.out.ptintln(),表示在页面输出
			document.write("<h1>hello World !</h1>")
		</script>
	</head>
	<body>
	</body>
</html>

通过以上代码发现JavaScript可以再HTML的任意位置上编写,一般情况下我们会在其调用前编写。同时,有一个最为关键的问题:JavaScript可以控制HTML元素的输出。

以上是直接在JTML文件当中定义JavaScript代码,但是此时会出现一个问题,一般情况下JavaScript代码是非常多的。所以来讲将JavaScript代码直接在HTML文件里面编写,就会造成新的问题:页面太长,所以往往会单独建一个js文件夹,将所有JavaScript代码保存在这个文件之中。
范例: 在js目录中建立一个hello.js文件

			window.alert("hello!");
			// 类似于System.out.ptintln(),表示在页面输出
			document.write("<h1>hello World !</h1>")

在文件中只保存有JS程序代码
**范例:在需要的HTML页面中引用此JS文件**
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JavaScript</title>
		<script type="text/javascript" src="../js/hello.js">
		</script>
	</head>
	<body>
	</body>
</html>

以后编写一定要将HTML代码和JavaScript代码分开,而且一个HTML文件里面可以同时当如多个JS文件。

3.3 总结

1、JavaScript可以出现在HML文件的任意位置上,一般建议在“”元素之中;
2、如果做前端开发,处理需要掌握设计技术之外,还需要注意,一般每一个HTML文件都会有一个或多个处理的JS文件。

完整代码文件可以查看我的资源。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

li星野

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值