• JavaScript连载1-基本简介(组成、关系、表示形式等)


    一、概览

    1.JavaScript是前端开发的一门脚本语言(解释性语言)

    2.解释型语言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby;

    3.编译型语言:程序执行之前需要一个专门的编译过程,把程序编译成为机器怨言的文件,比如:exejar文件;例如:C/C++,Pascal,Swift,Object-c

    比如:*.c/*.cpp编译成为*.obj文件,然后“链接“机器语言

    4.总结:(1)编译型语言由于程序执行速度快,在同等条件下对系统的要求较低,因此像开发操作系统、大型应用程序、数据库系统等都会采用它

    (2)解释型语言的跨平台行好,一些网页脚本、服务器脚本及其辅助开发接口这样的对速度要求不高,对不同系统平台的兼容性有一定的要求的程序都是使用解释性语言。例如:网页上一个控件

    (3)JavaScript是一门高级解释型语言

    5.前世今生

    (1)起源于Netscapt公司的livescript语言、后来改名了,就是为了增加能够与用户的交互功能。

    6.Javascript的应用场景

    多元化场景:网页特效、移动端开发(RNWeex)、服务端开发(Node.js)、命令行工具(Node.js)、物联网与人工智能(Ruff)、游戏开发(cocos2d-js)

    7.JavaScript的组成

    (1)ECMAScript:是ECMA制定的脚本语言的标准,规定了一种脚本语言的标准,规定了一种语言实现应该包含的基本内容;JavaScript是脚本语言,所以必须遵守ECMAScript标准,包好ECMAScript标准规定的基本内容

    (2)BOM:浏览器对象模型,比如:弹出框、控制浏览器跳转、获取分辨率等;

    (3)DOM:文档对象模型,可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作。

    8.JSHTMLCSS之间的关系

    (1)HTML:提供了网页的结构、以及网页中的内容;

    (2)CSS:美化网页、2D/3D过滤、动画等;

    (3)JS:控制网页内容,给网页增加动态效果。

    9.JavaScript有三种书写格式

    (1)行内JS;(2)页内JS;

    注意点:

    i.<script></script>标签中的js代码一般是写在文档的尾部的;

    ii.网页时从上至下加载而js代码通常是给标签添加交互(操作元素),所以需要先加载HTML,否则如果执行js代码时HTML还未被加载,那么js代码将无法添加交互(操作元素);

    iii.如果脚本比较大,页面的下载和渲染

    (3)外链式

    <!DOCTYPE html>
    
    <html lang="en">
    
    <head>
    
        <meta charset="UTF-8">
    
        <title>D1_ThreeWritingFormat</title>
    
    </head>
    
    <body>
    
        <button onclick="alert('点我了');">点我</button><!--行内JavaScript的形式-->
    
        <a href="javascript:alert('点我了');">点我</a>
    <script>
    
            alert("哈哈哈!");<!--页内JS,写在body里面可以,head里面也可以,最好是写在尾部-->
    
    </script>
    
        <script>
    
            window.onload = function () {
    
                alert("ahahhhah");
    
            }
    
    </script>
    
        <!--引入外部的js-->
    
        <script src="D1_index.js"></script>
    
    </body>
    
    </html>
    window.onload = function () {
    
        alert("外链式");
    
    }

     

     

     

     

     

    ​说明:window.onload的外部引用​优先级高,且只会调用一次。​

    三、源码:

    D1_ThreeWritingFormat.html

    D1_index.js

    地址:

    https://github.com/ruigege66/JavaScript/blob/master/D1_ThreeWritingFormat.html

    https://github.com/ruigege66/JavaScript/blob/master/D1_index.js

    2.CSDN:https://blog.csdn.net/weixin_44630050

    3.博客园:https://www.cnblogs.com/ruigege0000/

    4.欢迎关注微信公众号:傅里叶变换,个人账号,仅用于技术交流,后台回复“礼包”获取Java大数据学习视频礼包

     

  • 相关阅读:
    codeforces C. Cows and Sequence 解题报告
    codeforces A. Point on Spiral 解题报告
    codeforces C. New Year Ratings Change 解题报告
    codeforces A. Fox and Box Accumulation 解题报告
    codeforces B. Multitasking 解题报告
    git命令使用
    shell简单使用
    知识束缚
    php 调用系统命令
    数据传输方式(前端与后台 ,后台与后台)
  • 原文地址:https://www.cnblogs.com/ruigege0000/p/12596125.html
Copyright © 2020-2023  润新知