javascript基础整理(一)

首先了解一下什么是javascript,javascript是基于对象和事件驱动并具有相对安全性广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于web客户端开发的脚本语言

  •  javascript组成

          BOM(browser object model) :浏览器对象模型,描述与浏览器交互的方法和接口

          DOM(document object model) :文档对象模型,描述网页内容的方法和接口

          ECMAScript : 操作DOM和BOM

  • javascript特点

          解释型:无需编译

          逐行执行:  一行报错 后续代码全部不执行

          弱类型:声明变量不需要声明类型,javascript类型根据变量值来决定

说了这么多理论知识,下面来看看javascript的引入的方式和位置

         第一种 script标签(内部引入) 可以放在任意位置,但是推荐放在body的最下面(先加载html和css代码,在加载js代码)

         第二种 script标签引入(也就是外部引入),js代码单独放一个js文件夹

         注意啦!要是两种方式一起用的时候怎么办,以外部引入为主,内部script标签里的代码全部作废         

<!DOCTYPE html>
<html>
    <head>
           <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*这里是css代码*/
        </style>
        
    </head>
    <body>
               /* 这里写html代码*/
         <script>/*第一种内部引入*/
             /*js代码*/
         </script>
         <script src = "路径">/*第二种外部引入*/
                   /*js代码*/
         </script>
        </body>
</html>

三种调试方法

   alter("可为中文和英文")    //弹出警告框(用的比较少)

   document.write(" ")    //页面输出(会覆盖body中的其他内容)

   console.log(" ")    //在控制台输出    按F12,然后点击console(常用)

两种输出方式 

    是不是看到了上面的输出字眼,没错,两种输出方式就是document.write和console.log

三种弹框

  alter()

  prompt( 提示信息,默认值)  //弹出输出框

  confirm()   //确定取消弹框,确定返回true,取消返回false

 

         

posted @ 2018-06-29 19:29  橘子味薄荷味  阅读(102)  评论(0编辑  收藏  举报