前言
上一篇博客【JavaScript】基础知识初步认识,我们初步认识了一下JavaScript的一些基础知识,这
一篇博客,会帮助大家更好了解JS的一些代码入门须知,需要能给你带来收获~~
一、创建HTML页面
实践Js代码,我们要使用的代码编辑工具,上一篇博客已经涉及到了,就是Notepad++。我们需要
XHTML1.x过渡性的标准格式,我们很多时候记不住标准格式,有一个办法就是打开 Dreamweaver来获
取。html页面创建之后,就可以开始编写JavaScript脚本。
下图就是通过Notepad++工具创建出来的html页面。JS页面没有太多特殊的地方,就没有截图出来。
二、 <Script>标签和代码嵌入
<script>xxx</script>,这组标签,是用于在html页面中插入 js的主要方法。
其中type属性是必须的一个属性。表示代码使用的脚本语言的内容类型。
如:type="text/javascript"
<script type="text/javascript">
alert('欢迎来到JavaScript世界!');
</script>
一般来说,Js代码越来越庞大的时候,我们最好把他另存为一个.js文件(如上图标出的),通过src
引入即可。它还具有维护性高,可缓存,方便未来扩展的特点。放到单独 .js文件之后,html标签中就
没有任何js代码了,也要注意不能随意在标签内添加任何代码。
根据上图来看,我们还是习惯把<script>便签存放<head>...</head>之间,但有时也会放在body之间。
三、简单语法介绍
任何语言的核心都必然会描述这门语言最基本的工作原理。而JavaScript的语言核心就是ECMAScript。
- 区分大小写:ECMAScript中的一切,包括变量,函数名和操作符都是区分大小写的。
- 例如:text和Text就是两种不同的变量。
- 标识符:标识符就是指变量、函数、属性的名字,或者函数的参数。
标识符可以是下列格式规则组合起来的一或多个字符。
1.第一字符必须是一个字母、下划线(_)或一个美元符号($)。
2.其它字符可以是字符可以使字母、下划线、美元符号或数字。
3.不能把关键字、保留字,true,false和null作为标识符。
例如:myName\book123等
- 注释
ECMAScript使用C语言的注释风格,包括单行注释和块级注释。
// 单行注释
多行注释
/*
*
*
*
*/
- 直接量(字面量 iteral)
所有的字面量,就是程序中直接显示出来的数据值。
以下是举的一些例子:
100 //数字字面量
'王璐' //字符串字面量
false //布尔字面量
/js/gi //正则表达式字面量
null //对象字面量
四、关键保留字
ECMAScript-262描述了一组具有特定用途的关键字,一般用于控制语句的开始或结束,或者执行特定
的操作等。关键字也是语言保留的,不能用作标识符。
(PS:❤温馨提示❤大家在自己命名标识符的时候一定要注意避免用到关键字和下面的保留字哦~)
ECMA-Script-262描述的另一组不能用作标识符的保留字。保留字在将来有可能被用作关键字。
五、变量
上一篇博客提到JS特点的时候,提及了松散性,主要体现在了变量方面。
ECMAScript的变量时松散类型的,松散类型就是用来保存任何类型的数据。定义变量时,要使用
var操作符(var是关键),后面跟一个变量名(变量名是标识符)。
- var box; 未初始化的box变量,系统会给它一个特定的值——Undefined 表示未定义
alert(box);
- var box='王璐'; //声明变量并赋值
alert(box); //输出
- 如果你想声明多个变量的时候,可以在一行或者多行操作。
var box='王璐'; varage=21;
- 当然,你也可以使用一条语句定义多个变量,只要把每个变量(初始化与否都可以)用都逗号分隔开就可以。为了可读性,每个变量,最好另起一行。
var box='王璐',
age='21',
height;
小结
从html的页面创建,到JS的基本语法,关键字和保留字,到最后的变量学习。
我们对于JavaScript的认识正在逐渐积累,下一篇博客会介绍非常重要的数据类型,不要错过哦~~
感谢你的阅读~