JAVA Script初识

网站组成

html  超文本标记语言      主要用于页面结构

css    层叠样式表             用于结构的布局与样式

javascript   脚本语法  交互

什么是javascript

基于事件驱动的解释性脚本语言

javascript的特性

基础对象  事件驱动   解释性     

javascript组成

ECMAscript : js的语法标准 常用的对象

DOM: Document Object Model 文档对象模型

BOM:Brower Object Model 浏览器对象

js引入方式及特性

1.行间引入

        js代码直接写在script中
        script标签可以写在任意位置

        一般建议放在head或body的末端
        最好放在body的末端

        缺点:结构不分离

2.行内引入

  onclick 事件类型="要做的事情"
        alert(要弹的内容) 网页弹窗

        缺点:结构不分离,不方便后期维护

3.外部引入

用script标签的src属性引入外部的js文件

        用于引入外部的js文件的script标签中不能在写其他代码

调试语句

1.alert

alert(引入的内容)

2.consle

  console.log("引入内容");

3.打断点

<script>
        var a=10
        var b=20
    </script>

在控制台--源代码(sources)--运行文件--点击行号--出现蓝色标

4.变量

<script>
    //1.声明变量     
    // 什么情况下会出现underfined
    // 只声明变量没有赋值结果是underfined
    var a;
    console.log(a); //underfined

    // 2.声明变量与赋值
    var a = 10;//读作 将等号右边的值赋值给等号左边的a
    console.log(a);//10

    // 3.先声明后赋值
    var b;
    b = 10
    console.log(b);

    // 4.同时声明多个变量
    var x = 10,y = 20;//相当于 var x = 10 ; var y = 20;
       console.log(x,y);

    //  5.连等的写法
    var a = b = "文字";
    console.log(a,b);
    </script>