javascipt基础

xiyang 2020-06-16

1.JavaScript(js不需要编译就可以运行)

 JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言

运行在客户端,当时的主要目的是验证表单的数据是否合法

2.特点:

向HTML页面中添加交互行为 脚本语言

语法和Java类似 解释性语言

边执行边解释

交互性(他可以做的就是信息的动态交互)

安全性(不允许直接访问本地硬盘)

跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)

3.核心语法: 

数据类型

数组

预算符号

控制语句

变量声明赋值

注释

语法约定

逻辑控制

输入/输出

4.组成

ECMAScript    BOM   DOM

5.基本结构

<script type="text/javascript">

  <!—

    JavaScript 语句;

  —>

</script >

6.应用: <script>…</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可

7.网页中引用JavaScript的方法

1.使用<script>标签

2.外部js文件  <script src="index.js " type="text/javascript"></script>

3.直接载html标签中

8.数据类型

undefined             var width; 变量width没有初始值,将被赋予值undefined

null                       表示一个空值,与undefined值相等

number                 var num=2; //整数 var num=2.0; //浮点数

boolean                true和false

string                   一组被引号(单引号或双引号)括起来的文本 var str="This is a string";

9.typeof运算符

typeof检测变量的返回值

typeof运算符返回值如下

  undefined:变量被声明后,但未被赋值

  string:用单引号或双引号来声明的字符串

  boolean:true或false

  number:整数或浮点数

  object:JavaScript中的对象、数组和null

10.String对象

属性: 字符串对象.length

方法: 字符串对象.方法名()

javascipt基础

 11.数组: 

   创建数组: var  数组名称 = new Array(size);

访问数组: 数组名[下标]

javascipt基础

 12.逻辑控制语句:

javascipt基础

 13.循环中断:(break  continue)

14.输入/输出

alert()               alert("提示信息");

prompt()           prompt("提示信息", "输入框的默认信息");

15.JavaScript中的程序调试的方法

Chrome开发人员工具

     停止断点调试 单步调试,

     不进入函数体内部 单步调试,

     进入函数体内部 跳出当前函数

     禁用所有的断点,不做任何调试

alert()方法

javascipt基础

javascipt基础

无参函数

例:

function study( ){

      for(var i=0;i<5;i++){

           document.write("<h4> JS中的无参函数</h4>");

      }

}

<input name="btn" type="button"

value="显示5次JS中的无参函数" onclick="study( )" />

 有参函数

例:

function study(count){

      for(var i=0;i<count;i++){

           document.write("<h4> JS中的有参函数</h4>");

      }

}

<input name="btn" type="button" value="点击之后,请输入显示次数" onclick="study(prompt(‘请输入显示JS中的有参函数的次数:‘,‘‘))" />

相关推荐