首页 > 代码库 > javascript（入门篇）

javascript（入门篇）

2024-10-04 03:47:02   217人阅读

一、为什么要学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（入门篇）


联系
我们