JavaScript的入门基础1

时间:2022-04-28 14:31:10

1.1 JS的插入

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

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

例子:添加<script>标签,使代码正常运行,让结果窗口显示"开启JS之旅!"

<scripttype="text/javascript">

    document.write("开启JS之旅!");

</script>

1.2 引用外部JS文件

JS不只能在HTML文件中,把HTMLJS分开,单独创建一个JS文件,文件后缀名通常带有js,就可以将JS直接写在JS文件中,在JS文件中,不需要<script>标签,直接编写JS代码就可以。

JS文件不能直接运行,需要嵌入到HTML文件中执行,在HTML中添加<script src=”JS文件名”></script>,就可以将JS文件嵌入HTML文件中。

1.3 JS在文件中的位置

JS可以放在HTML文件中的任何位置,一般放在head或者body部分

放在head部分:浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

放在body部分:JS在网页读取到该语句的时候就会执行。

一行的结束就被认定为语句的结束,通常在结尾加上一个分号,来表示语句的结束,每句结束后都有分号,按顺序执行语句,分号要在英文状态下输入,同样JS中的代码和符号都要在英文状态下输入,如:alert("hello!");和document.write("loove");

1.4   注释

注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示,注释可分为单行注释与多行注释两种,注释内容一般放到需要解释语句的结尾处或周围。

单行注释,在注释前面加符号//。

如:<script type="text/javascript">

    document.write("");//我是注释,该语句功能在网页中输出内容

    </script>

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

如:<script type="text/javascript">

     doument.write("");

     /*

     多行注释

     养成好习惯

     */

    </script>

1.5变量

从编程角度讲,变量是用于存储某种或某些数据的存储器。在JS中严格区分大小写。

定义变量使用关键字var,如:var 变量名

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

1变量必须使用字母、下划线或者美元符开始。

2然后可以使用任意多个英文字母、数字、下划线或者美元符组成。

3不能使用JavaScript关键词与JavaScript保留字。

开头不能用数字和除(_$)外的特殊符号,如(% + /等)开头中间不能使用除(_$)外的特殊符号,如(% + /等)。

关键字有:break  else  new  var  case  finally  return  void  catch  for  switch  while  default  if  throw  delete  in  try  do  instanceof   typeof

保留字有:adstract  enum  int  short  blooean  export  interface  static  byte  extends   long  super  char  final  native  synchronized  class  float  package  throws  const  goto  private  transient  sebugger  implements  protected  volatile  double  import  public

赋值可以是数值、字符串、布尔值等。

  如:var num1=123;     //123是数值

var  num2="一二三" ;   //"一二三"是字符串       字符串需要用一对引号括起来

var  num3=true;       //布尔值true(真),false(假)

变量要先声明再赋值,如:var mychar;

                        mychar="javascript";

                        var mynum=6;

可以重复赋值,如:var mychar;

                  mychar="javascript";

                  mychar="hello";