JS学习记录------JS基本指令

对未来的恐慌,和想成为一名自由开发的梦想。让我觉得应该点亮一个新的技能:WEB前端开发。

重新学习JS以及jQuery,让我在日常code的过程中可以更得心应手,毕竟,我爱代码。

这篇文章主要记录的内容是JS相关的基本指令,只有基本内容,没有理论分析。比较深的理论知识会在后续的文章中进行对比分析。

和HTML以及CSS一样,JS也是一个纯文本语言,不需要用新的工具来编译,创建一个新的记事本,把记事本的格式改成js即可。

按照学习语言的惯例。从Hello world!开始。

首先,创建一个hello.js的文件,内容如下:

var message;
message = 'Hello world!';
document.write(message);

接下来,在同一个文件夹下创建一个名为hello.html的文件,内容如下:

<!DOCTYPE html>
<html>
          <head><title><h1>HELLO</h1></title></head>
                <body>
               <script src = "hello.js"></script>
                </body>
</html>

通过运行html文件,通过<script src = "hello.js"></script>调用js文件,出现message中的内容。

知识点来了:

1.js文件是大小写敏感的,如果在编写的过程中出现大小写不一致,就得不到想要的效果。可以通过直接打开JS文件来查看是否有语法错误。

2.在浏览页面的时候,右击鼠标,选择“检查源代码”,会发现显示的只是js文件的路径。如果没有出现想要的效果,排除了语法错误,可以双击路径,看是否是路径描述错误。

3.DOCUMENT对象:document对象表示整个Web界面。write()方法可以将新内容写入页面调用<script>标签的地方。

在页面出现了Hello world,迈出学习js的第一步。

因为是Web开发的初学者,而且全靠自学,如果在博客内容中出现了过时的标签和属性。希望大家不吝指点。本人不胜感激。

猜你喜欢

转载自www.cnblogs.com/fenyangyang/p/9940618.html