JavaScript学习

JS基础知识

1.为什么要学习JavaScript？

表单验证减轻服务器端压力；页面的动态交互；页面动态效果

2.什么是JavaScript?

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

特点：

向HTML页面中添加交互行为
脚本语言，语法和Java类似
解析型语言，边执行边解释

组成:JavaScript------>DOM+BOM

基础语法 <script>...</script>可以在文档中的任何地方，一般放在头部或者尾部

<script >
    <!--
    JavaScript语句;
    -->
</script>

显示数据

</head>
<body>
<script >
    document.write("初学JavaScript");
    document.write("<h1>Hello,JavaScript</h1>");
</script>

</body>
</html>

效果

3.JS的执行原理

当浏览器遇到<script> 标记的时候，浏览器会执行之间的javascript代码。嵌入的js代码是顺序执行的，每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。变量的调用，必须是前面已经声明，否则获取的变量值是undefined

4.网页中引入JS方法

使用<script>标签
外部JS文件
直接在HTML标签中

</head>
<body>

<input type="button" name="btn" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>

</body>
</html>

效果

5.JavaScript核心语法

变量，数据类型，数组，运算符号，控制语句，注释，输入/输出，语法约定。

01：变量

变量有三种定义方式

先声明变量再赋值

var width;  //var - 用于声明变量的关键字
width=5;    //width - 变量名

同时声明和赋值变量

var catName="like";
var x,y,z=10;

不声明直接赋值

width=5;  //变量可以不经声明而直接使用，很容易出错，很难查找排错，不推荐使用

02：数据类型

underfined var width; 变量width没有初始值，将被赋予值undefined
null 表示一个空值，与undefined值相等
number var iNum=23; //整数 var iNum=23.0; //浮点数
boolean true和false
string 一组被引号（单引号或双引号）括起来的文本 var string1="This is a string";

        var width,height=10,name="like"; //整数
        var size=3.1415926;  //浮点数
        var flag = true; //布尔值
        var date = new Date(); //类
        var arr = new Array(); //数组

        //typeof   检测变量的返回值

        document.write("<h1>"+typeof(arr)+"</h1>")
        document.write("<h1>"+typeof(width)+"</h1>")
        document.write("<h1>"+typeof(height)+"</h1>")
        document.write("<h1>"+typeof(size)+"</h1>")
        document.write("<h1>"+typeof(name)+"</h1>")
        document.write("<h1>"+typeof(flag)+"</h1>")
        document.write("<h1>"+typeof(date)+"</h1>")

运行结果

Typeof运算符

typeof检测变量的返回值
trpeof运算符返回值如下

undefined : 变量被声明后 , 但未被赋值
string : 用单引号或双引号来声明的字符串
boolean : true 或 false
number : 整数或浮点数
object : javaScript中的对象 , 数组 , 或null

03:String对象

属性：字符串对象.length

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

var str="this is JavaScript";
var strLength=str.length;               //长度是18