黑马pink-JavaScript笔记（2）：初识JavaScript

努力做程序媛~

已于 2022-03-19 21:18:38 修改

阅读量408

点赞数

分类专栏： javascript 文章标签： javascript 开发语言前端

于 2022-03-04 21:46:07 首次发布

本文链接：https://blog.csdn.net/m0_45256868/article/details/123285964

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.初识JavaScript

1.1 JavaScript历史

布兰登·艾奇
10天完成JavaScript设计
网景公司最初命名Livescript,与Sun合作后改名为JavaScript

1.2 JavaScript是什么

是一种运行在客户端（自己的电脑）的脚本语言，script是脚本的意思
脚本语言不需要编译，运行过程中由js解释器（js引擎）逐行解释并执行
也可以基于node.js技术进行远程服务器端编程

1.3 JavaScript的作用

表单动态验证（密码强度检测）（JS产生的最初目的）
网页特效
服务端开发
桌面程序
APP
控制硬件-物联网
游戏开发

1.4 HTML、CSS、JS的关系

HTML巨顶网页结构和内容
CSS决定网页呈现给用户的模样
JS实现业务逻辑和页面控制

1.5 浏览器执行JS简介

浏览器分成两部分：渲染引擎和JS引擎

渲染引擎：用来解析html和css，俗称内核，比如chrome浏览器的blink，老版本的webkit
JS引擎：就是JS解释器，用来读取网页中的JavaScript代码，对其处理后运行，比如chrome中的V8

1.6 JS的组成

ECMAScript：JavaScript语法
DOM：页面文档对象模型
BOM：浏览器对象模型

ECMAScript：
标准化的编程语言，JavaScript（网景公司）和Jscript（微软公司）是ECMAScript语言的实现和扩展
DOM：

BOM：

1.7 JS初体验

1.三种位置：行内、内嵌、外部

1.行内

<body>
    <!-- 1.行内式的js -->
    <input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>

注意：

HTML中使用双引号，JS中推荐单引号
在html中写大量JS代码时，不方便阅读

2.内嵌

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 2.内嵌式的js -->
    <script>
        alert('沙漠骆驼');
    </script>
</head>

3.外部

<!-- 3.外部的js -->
    <script src="js/my.js"></script>

alert('你好')

引用外部的JS文件的script标签中间不可以写代码

2.注释

        //1.单行注释   ctrl+/
        /*2.多行注释   shift+ctrl+/
        2.多行注释
        */

3.输入输出语句

    //这是一个输入框
    prompt('请输入你的年龄');
    //alert弹出警示框  输出的 展示给用户的
    alert('计算的结果是：');
    //console 控制台打印的,程序员可见
    console.log('我是程序员能看到的');

努力做程序媛~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
黑马pink-JavaScript笔记（2）：初识JavaScript

初识JavaScript
复制链接

扫一扫

专栏目录