JavaScript基础教程01编辑器的选择和两种链接方法

如何学习javascript,我们首选选择一款优秀的编辑器


1.工具:

  • HBuilder-飞速编码的极客工具,手指爽,眼睛爽
  • Chorme(谷歌浏览器)
  • FireFox(火狐浏览器)

2.网站  :HBuilder的网站  http://www.dcloud.io/

火狐和谷歌浏览器请自行下载~


3.前往网站下载安装该工具,开始我们JavaScript的学习


JavaScript基础教程01编辑器的选择和两种链接方法_第1张图片



4.新建的web目录是这样的

JavaScript基础教程01编辑器的选择和两种链接方法_第2张图片

5.打开index.html,复制如下代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第一个例子</title>
		
		<!--
        	作者:小鱼酱
        	时间:2016-04-06
        	描述:两种链接js方法
        -->
		<script type="text/javascript">
			//Displays an alert dialogue box.
			alert("我的第一个 script脚本");
		</script>
		<script type="text/javascript" src="test.js" ></script>
		
	
	</head>
	<body>
	</body>
</html>



6.打开test.js 复制如下代码


//外部的js
alert("我的第二个 script脚本");



哈哈,恭喜你,你完成了第一步。下面我们可以点运行了,首先点回html文件

JavaScript基础教程01编辑器的选择和两种链接方法_第3张图片


7.我选择是chrome浏览器,运行之后大家就明白了



8.大家想要了解编辑器的使用方法和快捷键,可以查看lesson1.txt和lesson2.txt


你可能感兴趣的:(JavaScript,JavaScript入门,JavaScript教程,javascript基础教程)