Java Script入门

一、JavaScript概述

1、javascript是一种浏览器的脚本语言。(脚本语言--指浏览器解释执行的语言指令)
2、js的语法

<script>  
    javascript代码;  
	 ....  
</script>  

建议此代码写在部分 3、常用的js工具
(1)webstore--收费的
(2)Hbuilder--免费
(3)vscode--微软的js工具

二、JS的语法

1、变量
var 变量名=值; 注意：变量的类型由值得类型决定！
2、获取字符串的长度
字符串变量.length;
3、常用的字符串方法(字符串函数)

JS的数组

1、数组的声明

var 数组名=[值1,...,值n];
var 数组名=new Array(长度);

2、给数组元素赋值

数组名[下表索引]=值;

3、数组的常用属性和方法

注释

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

常用的输入/输出

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

prompt("提示信息", "输入框的默认信息");
var a=window.prompt("请输入一个数字：");

三、JS的函数

1、JS的系统函数
(1)转换字符串为整数和浮点数方法

转换字符串为整数 var num=parseInt("字符串数字");

转换字符串为浮点数 var num=parseFloat("字符串数字");

(2)判断从键盘输入的是不是整数数字

var flag=isNaN(变量); flag=true：表示不是数字，false：表示是数字

2、自定义函数

语法
      function 方法名([参数1,参数2...]){
	[return 返回值;]
      }

例如:

function add(a,b){
	        var c=a+b;
                return c;
	   } 
         //调用函数
         var x=add(12,23);

3、在html的标签上设置要绑定的事件

    (1)点击事件onclick="事件方法名称()"; 
       <标签 name="xxx" value="xxx" id="xxx" onclick="方法名称()" ../>

    (2)更改事件onchange="事件方法名称()"; 
       <标签 name="xxx" value="xxx" id="xxx" onchange="方法名称()" ../>  

四、BOM：(Browser Object Model，浏览器对象模型)

JS内置对象

1.window
window对象的常用属性

window对象的常用方法

2.document
document对象的常用属性

document对象的常用方法

五、JavaScript内置对象

1、数组Array对象：用于在单独的变量名中存储一系列的值
var array=new Array(n); //n表示数组的长度值
2、字符串内置对象String：用于支持对字符串的处理
3、数学函数Math：用于执行常用的数学任务，它包含了若干个数字常量和函数
Math对象常用方法：
4、日期函数Date对象：用于操作日期和时间
var 日期对象=new Date(参数)
Date对象常用方法

六、DOM--文档对象模型

1、可以使用document对标签元素对象进行获取或者更改操作
2、使用document获取和设置表单元素的值
var 变量=document.form名称.表单元素名称.value; //用于获取表单元素的值
document.form名称.表单元素名称.value=值; //设置表单元素的值