JavaScript初学入门（JS打印9*9乘法表，JS制作简易计算器）

目录

网页的三部分组成：

Java和JavaScript的关系：

JavaScript的三种使用方式：

Js的5种输出方式：

Js的语法初始：

     js中值的类型：

     JS中的运算符：

    JS中的流程控制语句----------------->>>简易计算器----->>>>打印9*9乘法表

    JS中的函数(相当于java中的方法)

    JS中变量的作用域(1)全局变量(2)局部变量 :声明在函数内

    JS中的对象

     JS中常用的内置对象 (是JS中一个种含有属性和方法的特殊的数据类型而已) 

---

网页的三部分组成：

    1：结构（Structure）：由HTML（显示数据）和XML（存储和传输数据）

    2：表现（Presentation）：由Css组成

    3：行为 （Behavior）：ECMAScript

 

Java和JavaScript的关系：

  Java和JavaScript的关系就好比：雷锋  和雷锋塔 ，毫无联系。

 

JavaScript的三种使用方式：

  1）内嵌到HTML标签中

	
		
		
	
	
		//onclick等于后面是js的语言，这是嵌入到html语言中的，这个功能是弹出ok窗口
		
	

2）写在Script标签中

3）写在单独的js标签中

js文件：

function text1(){
	window.alert("hello");
}

 

Js的5种输出方式：

 1）window.alert(" ");   弹窗的方式进行输出

2）document.write(" ");  以流的方式输出到页面中（建立新的页面）

3）console.write(" ")； 将信息打印在控制台上

4）innerHTML（）；将内容写在HTML的标签里。

5）innerText（）;   将内容写在html标签里，（Text的括号里的所有都是文本）

 

Js的语法初始：

     js中值的类型：

       Number类型、  String类型 、 Array（数组）类型   、Object（对象）类型、Function函数（相当于java中的方法）

   

  JS中的运算符：

        a)算术运算符 +,-,*,/,%
        b)逻辑运算符
         c)关系运算符
  JS中的变量统统使用var来声明，所以JS是一种弱类型语言
  JS中的变量使用var来声明，所以JS中的变量没有数据类型，但是JS中的值却有数据类型

   我们可以使用type of函数来判断 变量的类型是什么

 

JS中的流程控制语句

( 1)分支结构
          单分支 if
          双分支 if..else
           多分支  ：多重if
                             switch

运用学过的知识编写一个简易的计算器：

	
		
		
		
	
	
		第一个数：
		第二个数：
		运算方式:
				+
				-
				*
				/
		
		
		运算结果：

	

 

(2)循环结构
     a)for
     b)while
     c)do-while
     d)for ..in

和java用法基本一样，除了for in循环，这里使用一下for in循环打印数组。然后我们再练习打印99乘法表

 

JS中的函数(相当于java中的方法)

(1)系统函数
    parseInt(....)

(2)自定义函数
  JS中的函数不允许重载

 

JS中变量的作用域
(1)全局变量
(2)局部变量 :声明在函数内

 

JS中的对象

(1)自定义对象
(2)JS中的内置对象

 JS中常用的内置对象 (是JS中一个种含有属性和方法的特殊的数据类型而已)
 

(1)String
 (2)Date
 (3)Array数组
 (4)Function函数
 (5)Math类
 (6)全局对象