用notepad++编写JavaScript代码(一)

 时间:2024-11-07 03:35:41

零基础学习JavaScript。

工具/原料

notepad++

方法/步骤

1、首先,打开notepad官网下载合适的版本并安装。

用notepad++编写JavaScript代码(一)

2、打开notepad++,依次点击设置——拳婊招稹语言格式设置,在弹出的对话框中依次设置需要的参数,保存并关闭。我这里设置为Arial字体,大小为16,背景色使用了默认的,记得勾选对应框,不然没反应。

用notepad++编写JavaScript代码(一)

用notepad++编写JavaScript代码(一)

3、设置首选项,依次点击设置——首选项,新建中设置ANSI英文编码就可以了。

用notepad++编写JavaScript代码(一)

4、那我们开始进入notepad编辑之前,先腩柽鬣盛用visualstudio新建一个网页模板,如下图,以后就不用都编写这些基本的标签了。如图。其中框住部分注意一下编码方式选用gb-231婷钠痢灵2,这个与之前修改的ANSI编码相对应。(如果之前选择了utf-8,那么这里字符编码应该是utf-8)

用notepad++编写JavaScript代码(一)

5、接下来我们添加标题。在title标签中加入标鞑民略锈题“用notepad++编写JavaScript代码(一)”,body标签中输入“你好,JavaScript!”保存一下,打开浏览器,瓴烊椹舟将其拖进其中即可查看。

用notepad++编写JavaScript代码(一)

6、一般我们应该用多个浏览器打开来查看一下效果的,因为不同浏览器显示的可能有所差异。建议使用火狐、谷歌、360等浏览器,我这里使用的是搜狗浏览器,结果显示如下。

用notepad++编写JavaScript代码(一)

7、好的,显示编码正常(不是乱码)后,我们来试一段javascript代码。在body标签中,添加script标签,添加alert方法,在窗口弹出一个信息,代码如图。

用notepad++编写JavaScript代码(一)

用notepad++编写JavaScript代码(一)

用notepad++编写JavaScript代码(一)

8、再用浏览器查看一下,会先执行alert方法,弹出一个小窗口,点击关闭X或者确定按钮后才显示body中的文本。

Unity UGUI技巧 之 Text文本框随内容自动调整 米游社改昵称方法介绍 IDEA怎么设置启用文件颜色? Intellij IDEA终极版如何更改文本光标移动选项 Visio如何设置纸张方向
热门搜索
斯柯达汽车报价及图片 四个自杀的少女 江淮汽车报价及图片 海尔图片 客厅图片