01.JavaScript介绍和基本使用_javascript-01 主要用途介绍-优快云博客

本文链接：https://blog.youkuaiyun.com/a478269761/article/details/78085268

本文介绍了JavaScript的基础概念及其在网页开发中的作用，包括与HTML和CSS的配合使用，以及如何通过不同方式将JavaScript代码嵌入到网页中。此外还简单介绍了JavaScript的基本语法特点。

一.JavaScript介绍

JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。
前端三大块 :

HTML：页面结构
CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果
JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

二.JavaScript嵌入页面的方式

1、行间事件（主要用于事件）

<input type="button" name="" onclick="alert('ok！');">

2、页面script标签嵌入

<script type="text/javascript">        
    var a = '你好！';
    alert(a);
</script>

3、外部引入

<script type="text/javascript" src="js/index.js"></script>

三.javascript语句与注释

1、一条javascript语句应该以“;”结尾

<script type="text/javascript">    
    var a = 123;
    var b = 'str';
    function fn(){
        alert(a);
    };
fn();
</script>

2、javascript注释

<script type="text/javascript">    

// 单行注释
var a = 123;
/*  
    多行注释
    1、...
    2、...
*/
var b = 'str';
</script>

这是一个简单的demo,实例如下
001.html的代码：

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script type="text/javascript" src="js/001.js"></script>
    </head>
    <body>

    </body>
    </html>

001.js的代码

    var a = 123;
    // var b = 'str';
    function fn(){
        alert(a);
    };
    fn();

目录结构如下图：

这里写图片描述