如何编写JavaScript语言

作者 : 开心源码 本文共2202个字,预计阅读时间需要6分钟 发布时间: 2022-05-12 共100人阅读

JavaScript的书写要求

上一次跟大家说了,JS的语法点和数据类型,现在要教大家如何编写JS语言
JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中:

<!doctype html><html>    <head>        <meta charset="utf-8">        <title>网页名字</title>        <script>            alert("这里可以书写代码");        </script>    </head>    <body>          </body></html>

<script>...</script>包含的代码就是JavaScript代码,它将直接被浏览器执行。
在此我建议大家使用谷歌Chrome浏览器,由于谷歌运行起来比较方便且容易查看,这里是谷歌浏览器的下载链接:http://www.pc6.com/softview/SoftView_24670.html

如何编写JavaScript

我们把计算机当成是一个人,他不懂中文,他懂计算机语言,但是,我们怎样跟他说计算机语言呢?我们将要用到解释器,它就像是一个翻译器,把我们的想法解释给电脑听,我来推荐几个比较好用的可以使用js的解释器:

Aptana Studio 3

作者使用的编辑器,Aptana Studio 3,非常实用,可以更改配色,内置Apache,前台开发PHP,JSP方便。免费!强烈推荐使用!

Visual Studio Code

微软出的Visual Studio Code,可以看做迷你版Visual Studio,免费!跨平台!内置JavaScript支持,强烈推荐使用!

Sublime Text

Sublime Text是一个好用的文本编辑器,免费,但不注册会不定时弹出提醒框。

Notepad++

Notepad++也是免费的文本编辑器,但仅限Windows下使用。

注意:不可以用Word或者写字板来编写JavaScript或者HTML,由于带格式的文本保存后不是纯文本文件,无法被浏览器正常读取。也尽量不要用记事本编写,它会自作聪明地在保存UTF-8格式文本时增加BOM头。

因为我今后都使用Aptana Studio3为你们写教程,所以建议你们下载Aptana Studio 3

如何运行JavaScript

要让浏览器运行JavaScript,必需先有一个HTML页面,在HTML页面中引入JavaScript,而后,让浏览器加载该HTML页面,即可以执行JavaScript代码。

你也许会想,直接在我的硬盘上创立好HTML和JavaScript文件,而后用浏览器打开,不即可以看到效果了吗?

这种方式运行部分JavaScript代码没有问题,但因为浏览器的安全限制,以file://开头的地址无法执行如联网等JavaScript代码,最终,你还是需要架设一个Web服务器,而后以http://开头的地址来正常执行所有JavaScript代码。

不过,开始学习阶段,你毋庸关心如何搭建开发环境的问题,我们提供在页面输入JavaScript代码并直接运行的功能,让你专注于JavaScript的学习。

一个程序员的心态

调试

俗话说得好,“工欲善其事,必先利其器。”,写JavaScript的时候,假如期望显示ABC,结果却显示XYZ,究竟代码哪里出了问题?不要抓狂,也不要泄气,作为小白,要深信:JavaScript本身没有问题,浏览器执行也没有问题,有问题的肯定是我的代码。

如何找出问题代码?这就需要调试。

怎样在浏览器中调试JavaScript代码呢?

首先,你需要安装Google Chrome浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码。

安装后,随意打开一个网页,而后点击键盘上的F12,浏览器窗口就会一分为二,出现开发者工具

在console中,可以书写代码,按回车运行

关闭Console请点击右上角的“×”按钮。请熟练掌握Console的使用方法,在编写JavaScript代码时,经常需要在Console运行测试代码。

假如你对自己还有更高的要求,可以研究开发者工具的“源码(Sources)”,掌握断点、单步执行等高级调试技巧。

练习

打开B站,而后查看页面源代码,找一找有没有JavaScript代码?

假如你能看到:
// \ // \ // ##DDDDDDDDDDDDDDDDDDDDDD## ## DDDDDDDDDDDDDDDDDDDD ## ________ ___ ___ ___ ________ ___ ___ ___ ## hh hh ## |\ __ \ |\ \ |\ \ |\ \ |\ __ \ |\ \ |\ \ |\ \ ## hh // \ hh ## \ \ |\ /\ \ \ \ \ \ \ \ \ |\ /\ \ \ \ \ \ \ \ ## hh // \ hh ## \ \ __ \ \ \ \ \ \ \ \ \ __ \ \ \ \ \ \ \ \ ## hh hh ## \ \ |\ \ \ \ \ ____ \ \ \ \ |\ \ \ \ \ ____ \ \ \ ## hh wwww hh ## \ _______\ _\ _______\ _\ _______\ _\ _______\ _\ ## hh hh ## |_______| || |_______| || |_______| || |_______| || ## MMMMMMMMMMMMMMMMMMMM ## ##MMMMMMMMMMMMMMMMMMMMMM## Release 2.3.3. Powered by jinkela-core 2.2.7. / /

就证实你已经掌握Console的用法啦!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 如何编写JavaScript语言

发表回复