JavaScript:你好,JS的世界.
2016-11-09 本文已影响281人
神经骚栋

起始
这里我要对有所关注我写作的OpenGL ES人说一声抱歉,因为公司近来要搞H5,所以被逼无奈,只要先放下OpenGL ES来研究JavaScript了.不过OpenGL ES的研究进度是不会停止的.感谢大家的支持,么么哒.

开发工具、学习文档
想要整好JavaScript,我们必须先要有好用的编程工具以及好用学习文档,这里我推荐使用的编程工具HBuilder,作为小白的我个人感觉还可以的.至于安装就不过多的解释了,就是下载安装即可.

学习资料还是推荐w3school的教程,从头开始看起,而且还有案例,比较不错.

你好,JS世界
问候一个新世界,最好的方式莫过于"你好,世界",所以对于JavaScript,我觉得首先要写一个"Hello Wold"之类的东东,来表达我的敬意~(其实,我就是来搞事的.😂),首先我们不要HBuilder的原始那个项目 直接从项目管理器删除,怎么说也是helloworld,不能从一半开始对吧?

然后新建我们的HelloWorld工程,如图所示.

然后,我们就双击打开html文件.

然后整体是如下所示的,当然了,作为小白的我是开启了"边改边看"模式的,根据个人喜好设置即可了.

代码区是这样呈现的.

我们主要在head里面做网页标题以及标题图标的设置,不知道什么叫标题以及图标,好吧,还是直接上图吧.

然后,我们会在body标签中做页面的修改,现在我们就来改一下代码,修改head的标题为"骚栋的JS",内容就显示一个标签就好,内容是"HelloWorld".代码如下所示.(标签使用<p></p>来表示的.)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>骚栋的世界</title>
</head>
<body>
<p>HelloWorld</p>
</body>
</html>
效果图如下所示.

结束
好了,小白的helloworld之路打完收工,今天就先搞搞JavaScript环境.后面开始正式的搞事了.
