JavaScript基础（ECMAScript）-js作用、js输出框、js放置、var变量、数据类型、js消息框

◆概念：js是一门在客户端进行交互的网页编程语言

◆组成：

     ◎ecmascript         js标准

     ◎dom               可以利用JS操作网页元素

     ◎Bom                通过api来操作浏览器

◆特点

    简单易用

    基于对象:与面向对象不同于没有封装、继承、多态。

    基于过程：直接操作元素

    解释执行：   js引擎来执行源代码

    编译执行：  Java  c# 源代码  ==>可执行文件.dll ==>电脑执行.dll课执行文件

◆使用范围：

    表单验证

    轮播图特效

    游戏开发……

JavaScript的理解及作用

• JavaScript 被设计用来向 HTML 页面添加交互行为。
• JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
• JavaScript 由数行可执行计算机代码组成。
• JavaScript 通常被直接嵌入 HTML 页面。
• JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
• 所有的人无需购买许可证均可使用 JavaScript。
• 区分大小写
• 每行结尾的分号可有可无（建议写上）

JavaScript 可以将动态的文本放入 HTML 页面：

    类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write("<h1>" + name + "</h1>")

JavaScript 可以对事件作出响应：

    可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个 HTML 元素时。

JavaScript 可以读写 HTML 元素：

JavaScript 可以读取及改变 HTML 元素的内容。

JavaScript 可被用来验证数据：

在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。

JavaScript 可被用来检测访问者的浏览器：

JavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。

JavaScript 可被用来创建 cookies：

JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

 

JavaScript的注册部分

              ECMAScript：它是JavaScript的核心，包含（基本语法、变量、关键字、保留字、数据类型、语句、函数等等）

              DOM：文档对象模型，包含（整个html页面的内容）

              BOM：浏览器对象模型，包含（整个浏览器相关的内容）

 

JavaScript的实现

◆内嵌式写法（可嵌在html页面中的任意位置，建议最下面）

补充内嵌式写法：

推荐Js代码最好放在body结束标签的后边。

◆外链式写法（引入的方式引入到页面中）

HTML 的<script type="text/javascript" src="js代码路径">.... </script> 标签用于把外部 JavaScript 插入 HTML 页面中

◎新建一个js文件

◎通过script标签里的src=”1.js”属性将JS文件调入到当前页面。
补充外链式写法：

    推荐将多个js文件合并为一个js文件在浏览器中执行。

 

JavaScript语句的放置

1.位于 head 部分的脚本（）

2.位于 body 部分的脚本（建议放在body之后）

3.外部 JavaScript（创建.js文件），需要通过下面的方式引入：<script src="xxx.js">....</script>

    注意：外部文件不能包含 <script> 标签。

通常要在每行语句的结尾加上一个分号。

<script type="text/javascript">

    window.onload = function () {

      //此处为JavaScript代码

    }

</script>

 

JavaScript 注释（与java类似）

单行的注释以 // 开始。

多行注释以 /* 开头，以 */ 结尾。

 

JavaScript 变量

JavaScript 变量名称的规则：

• 变量对大小写敏感（y 和 Y 是两个不同的变量）
• 变量必须以字母或下划线开始，其中变量名包含字母、数字、下划线、$

注释：由于 JavaScript 对大小写敏感，变量名也对大小写敏感。

通过 var 语句来声明 JavaScript 变量（js变量的声明只能用var）：

变量名在 = 符号的左边，而需要向变量赋的值在 = 的右侧。

var x;       var carname="Volvo";

标识符：用户自定义的所有名字叫做标识符。即变量名

不要在后续的代码中改变数据类型

//变量的声明
var 变量名; //JavaScript变量可以不声明，直接使用。默认值：undefined
//变量的赋值
var 变量名 = 值; // JavaScript变量是弱类型，给它什么类型的值它就是什么类型，即同一个变量可以存放不同类型的数据

在函数内变量未被声明则为全局变量

变量的作用范围：

全局变量在方法体外

局部变量在方法体内声明的变量（形参，函数内声明的变量）函数调用完变量销毁

 

JavaScript 数据类型（变量类型）

var  s1=null;  表示变量值为空，该变量在内存中是不存在的。真正的空。   s1的数据类型为 object

通过typeof(变量) 进行数据类型的判断

    Var   s1=123;
    alert(typeof(s1));     //number类型

数组/对象；获取它的数据类型返回的都是一个对象类型（数组也可看成一个对象）

数组（数组的索引是从0开始）：

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";

cars[2]="BMW";

或：var cars=new Array("Saab","Volvo","BMW");

或：var cars=["Saab","Volvo","BMW"];

对象（对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔）：

var person={
    firstname : "John",
    lastname  : "Doe",
    id        :  5566

};

获取对象中的值：name=person.lastname;
                           name=person["lastname"];

 

JavaScript的消息框（以弹出窗口的形式显示）

1.alert("文本")   警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

2.confirm("文本")  确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

3.prompt("文本","默认值"） 提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

4.window.open("打开html页面的路径","新窗口中打开_blank");新窗口中打开页面

5.window.close();关闭窗口

 

JavaScript 的网页输出

1.alert("文本")   警告框

2.document.write("文本") 直接向浏览器中写入内容（不仅可以输出内容，还可以输出html标签。）

3.document.getElementById（id）.innerHTML="文本"  向页面指定位置写入内容

4.console.log() 在控制要打印出内容（typeof（）/typeof    打印数据类型）

 

value和innerHTML和innerText和textContent

    1.老版本的火狐不支持innerText；IE678不支持textContent

    2.p不能嵌套p。h1不能嵌套h1。a连接内部不能嵌套a连接

 

操作节点内容（文本）兼容性好，也可输出html标签，但是会覆盖原来的文本

更改节点内容：对象.innerHtml=”节点输出内容”

获取节点内容：对象.innerHtml

 

JavaScript的运算符

 

+、-、*、/、%

加运算：

   ★两个数据类型都为数字类型变量相加，得到的是数字类型。

   ★一个为数字类型的变量和一个为字符串类型的变量相加，得到的是一个字符串类型，加号起一个连接的作用。

减运算

    ★如果两个变量都为数字类型相减，得到的是数字类型。

    ★如果一个为数字类型的变量，一个为数字字符串，相减得到的是数字类型。

    ★如果一个为数字类型的字符串，一个为非数字字符串，相减得到NaN。

        NaN: not  a  number

    ★两个都为字符串的变量相减，得到的是NaN。

除运算

    ★两个都为数字类型的变量，相除得到的是数字类型。

    ★如果一个为数字类型的变量，一个为数字字符串变量，相除得到的是数字类型。

    ★如果一个为数字类型的变量，一个为非数字字符串，相除得到的NaN。

    ★如果0作为除数，得到的是infinity(无限大)，是一个数字类型。

赋值运算符

JavaScript 循环（控制结构）

for 将一段代码循环执行指定的次数

while 当指定的条件为 true 时循环执行代码（不知道循环的次数）

 

JavaScript For...In 声明

For...In 声明用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

 

 

 

如有问题请多多谅解！希望给您带来帮助！祝您生活愉快。