zoukankan      html  css  js  c++  java
  • 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="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>

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

  • 相关阅读:
    Java基础加强-内部类及代理
    金额货币转换函数
    SAP ABAP exporting list to memory ...SUBMIT 程序传输屏幕参数
    得到时间戳的函数
    alv行可编辑时带出描述
    ALV编辑行内容有改变时候操作
    ALV判断修改后是否有不合法数据,有则选中错误行,高亮度显示。
    数据字典的QUAN DEC类型与ABAP P型转换
    屏幕编程 F4的帮组用法
    read table 时关键字TRANSPORTING NO FIELDS的用法
  • 原文地址:https://www.cnblogs.com/chw8/p/6979866.html
Copyright © 2011-2022 走看看