说明:课程来源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文件。
完整代码文件可以查看我的资源。