javascript基础知识

  1. 1. 插入JS
  2. 2. 引用JS外部文件
  3. 3. JS在页面中的位置
  4. 4. 语句和符号
  5. 5. 注释
  6. 6. 变量
  7. 7. 判断语句(if…else)
  8. 8. 函数
  9. 9. 操作符优先级

1. 插入JS

使用<script>标签在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。

<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

2. 引用JS外部文件

我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。

eg:

可分为:

注意:

在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。

3. JS在页面中的位置

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。
放在<head>部分
最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分
JavaScript代码在网页读取到该语句的时候就会执行。


注意:

javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

4. 语句和符号

JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。
JavaScript代码格式: 语句;

注意:

“;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。

5. 注释

单行注释,在注释内容前加符号 “//”。

<script type="text/javascript">
  document.write("单行注释使用'//'");  // 我是注释,该语句功能在网页中输出内容
</script>

多行注释以”/“开始,以”/“结束。

<script type="text/javascript">
   document.write("多行注释使用/*注释内容*/");
   /*
    多行注释
    养成书写注释的良好习惯
   */
</script>

6. 变量

定义变量使用关键字var,语法如下:

var 变量名

变量名可以任意取名,但要遵循命名规则:

      1.变量必须使用字母、下划线(_)或者美元符($)开始。
    2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
    3.不能使用JavaScript关键词与JavaScript保留字。

关键字和保留字:

变量要先声明再赋值,如下:

var mychar;
mychar="javascript";
var mynum = 6;

变量可以重复赋值,如下:

var mychar;
mychar="javascript";
mychar="hello";

注意:

  1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
  2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。

7. 判断语句(if…else)

语法:

if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }

**eg:**假设我们通过年龄来判断是否为成年人,如年龄大于等于18岁,是成年人,否则不是成年人。代码表示如下:

<script type="text/javascript">
   var myage = 18;
   if(myage>=18)  //myage>=18是判断条件
   { document.write("你是成年人。");}
   else  //否则年龄小于18
   { document.write("未满18岁,你不是成年人。");}
</script>

8. 函数

语法:

function 函数名()
{
     函数代码;
}

说明:

  1. function定义函数的关键字。
  2. “函数名”你为函数取的名字。
  3. “函数代码”替换为完成特定功能的代码。

函数调用:

函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了

eg:

9. 操作符优先级

算术操作符 → 比较操作符 → 逻辑操作符 → “=”赋值符号(由高到低)
如果同级的运算是按从左到右次序进行,多层括号由里向外。


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 zzzqqqyyy2002@163.com

×

喜欢就点赞,疼爱就打赏