1.什么是JavaScript?
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
2.JavaScript的特点?
向HTML页面中添加交互行为
脚本语言,语法和Java类似
解释性语言,边执行边解释
3.JavaScript组成
JavaScript是由ECMAScript、DOM 和BOM组成
ECMAScript是一种开放的,被国际上广为接受的,标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了一下内容:
 
1).语法
2).变量和数据类型
3).运算符
4).逻辑控制语句
5).关键字,保留字
6).对象
DOM: Document object Model 文档对象模型
BOM: Browser object Model 浏览器对象模型
 
4.JavaScript基本结构
 <script type="text/javascript">
 <!— JavaScript 语句; —>
 </script >
5.JavaScript核心语法
            1.语法约定: 代码区分大小写   命名规范    结束语句后加分号
            2.变量(直接用var num = 2;无需写数据类型):与Java相同   1.先声明变量再赋值  2. 同时声明和赋值  3.不深明直接赋值(不推荐)
            3.注释://   或者  /**/
            4.运算符号:=+-/%等   与Java相同
                  数据类型(typeof(变量名)  拿到变量的数据类型)
                        1.undefined  当变量没有初始值时,将赋予undefined
                        2.null  表示一个空值,与undefined值相等
                        3.number  var num=2;//整数  var num=2.0;//浮点数
                        4.boolean  值为true或者false
                        5.string  一组被引号包括的文本
           5.typeof运算符
                  检测变量的返回值
                        undefined:变量被声明后,但未被赋值
                        string:用引号声明的字符串
                        boolean:true或false
                        number:整数或浮点数
                        object:JavaScript中的对象、数组和null
 
属性   字符串对象.length
方法  字符串对象.方法名()
string对象方法     charAt(index)  返回在指定位置的字符
                            indexOf(str,index)字符串首次出现的位置
                             substring(index1,index2)截取字符串
                           split(str)字符串分割
6.数组
1.lenth  数组长度
 2.join()   使用分隔符转为字符串
 3.sort()   数组排序
 4.push()  向数组末尾添加元素
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>数组</title>
    </head>
    <body>
        <script type="text/javascript">
            var string = "hello world?name=海绵宝宝";
            var arrList=string.split("?");
            document.write("arrList类型: "+typeof(arrList)+"<br/>");
            document.write("arrList:"+arrList+"<br/>")
            document.write("arrList长度:"+arrList.length+"<br/>")
            arrList.push('派大星')
            document.write("arrList:"+arrList+"<br/>")
            document.write("arrList长度:"+arrList.length+"<br/>")
            var str=arrList.join("*");
            document.write("str: "+typeof(str)+"<br/>");
            document.write("使用\"-\"重新连接后:"+str);
        </script>
    </body>
</html>

 

 
 
 
 
      7.常用的输入/输出
            alert("提示信息");
            prompt("提示信息","输入框的默认信息");
            prompt("请输入你喜欢的颜色","红色");
      8..sort()对数组排序
             对象.sort();
     
      9.函数介绍
            函数含义:类似于Java中的方法,是完成指定任务的代码块
            函数使用:不用定义属于某个类,直接使用
            函数分类:1.系统函数:1.parselnt("字符串");  2.parseFloat("字符串"); 3.isNaN();
                              2.自定义函数:1.无参函数   2.有参函数
      10.无参函数
            onclick="stauy()"     单击按钮,调用函数,执行函数中的代码
          有参函数
            onclick="stauy"       单击按钮,传入参数,调用函数,执行函数中的代码
      11.常用事件
                  1.onload:一个页面或一个图像完成加载
                  2.onclick
                  3.onmouseover:鼠标移到某元素上触发
                  4.onkeydown:键盘按键被按下时触发
                  5.onchange:域的内容被触发
 
 

 posted on 2020-06-17 09:16  中国姑娘F  阅读(102)  评论(0编辑  收藏  举报