首页 > 代码库 > javascript(入门篇)

javascript(入门篇)

一、为什么要学javascript?

     1、因为你别无选择!只有javascript可以控制所有常用的浏览器,而且javascript是世界上最重要的编程语言之一,学习web技术必须学会javascript。

二、JavaScript语言的特点:

     1、脚本编写语言

     2、基于对象的语言

     3、简单性

     4、动态性

     5、安全性

     6、跨平台性

三、JavaScript语言的引入方式

     1、内嵌式:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript">
 7          alert("这是第一个 JavaScript 内嵌式!");
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </html>

     2、外嵌式:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="http://www.mamicode.com/jquery-3.1.1.js"></script>
 7     </head>
 8     <body>
 9     </body>
10 </html>

    

注意: 第一种加载:

<script>...</script>标识放入 <head>.. </head>,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;

src:js的路径,可以使用相对路径。

js文件执行是阻塞的,执行之后浏览器才会继续执行html的文档流。

第二种加载:可以将 JavaScript 标识放置在<body>... </body>主体之间以实现某些部分动态地创建文档。

script放置位置:script标签可以定义在html的任意地点。 但注意script与文档流的执行顺序。

 

四、JavaScrip的打印/输出方式。

       1、打印到页面:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script>
 7             document.write(‘直接打印到页面‘)
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </html>

      2、打印到控制器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            console.log(‘直接打印到控制器‘)
        </script>
    </head>
    <body>
    </body>
</html>

      3、弹出框

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script>
 7             alert(‘弹出框‘)
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </html>

五、JavaScrip标识符 定义:标识符是指变量、函数、属性的名字,或者函数的参数

               标识符首字符可以是以下划线(_)、美元符($)或者字母开始,不能是数字。

六、JavaScrip语言的基本要素

       1、区分大小写

       2、变量不区分类型

       3、每条语句结尾可以省略分号

       4、代码段要封闭

       5、注释(单行以//开头。多行以/*开头,以*/结尾)

七、JavaScript语言的声明变量的方式

      1、使用var(关键字)+变量名( 标识符 )的方式在function外部声明,就是全局变量,否则在function声明的是局部变量。

          全局变量

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script>
 7             var a=12;
 8             function arr(){
 9                 alert(a)
10             } arr()//弹出12
11         </script>
12     </head>
13     <body>
14     </body>
15 </html>

       局部变量

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
                        var a=12;
            function arr(){
                var b=2
                alert(b)
            } arr()//弹出2
        </script>
    </head>
    <body>
    </body>
</html>

 

今天就讲到这,如果想了解更多请点击关注,谢谢大家

javascript(入门篇)