JavaScript简介_javascrip简介-CSDN博客

本文链接：https://blog.csdn.net/sereasuesue/article/details/100212838

它是一种脚本语言，提供页面与用户的交互途径，主要包含三个方面的东西

ECMAScript(ES)

它主要是用来定义JavaScript的语法规范，现在主流的版本是5.1,后期的主要部分要放在6.0上面

【语法，关键字，保留字，类型，操作符，对象，语句】（简单部分）
DOM(document object model:文档对象模型)
BOM(bowser object model:浏览器对象模型)

为什么学习 JavaScript?

JavaScript web 开发人员必须学习的 3 门语言中的一门：
HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 网页的行为
本教程是关于 JavaScript 及介绍 JavaScript 如何与 HTML 和 CSS 一起工作。

在设计JavaScript这门语言的时候，我们当初的设计者是要让这一门语言运行在浏览器里面的，所以，我们的JavaScript与CSS一样都是运行在页面当中。但是它也有一个特殊的标签进行包裹

<script type="text/javascript"></script>

JS代码与CSS代码有很多的相似之处，主要体现的代码的位置，CSS的代码主要在三个位置，JS代码也就是行内代码，和Script代码，以及我们的外部JS文件

写在标签里面

<button type="button" οnclick="alert('hello world')" style="color:red">
    按钮
</button>

上面的alert('hello world')就是我们的JS代码，它直接和HTML代码写在了一起与我们的CSS是一样的，我们的CSS代码是写在了style这个属性里面

写在特定的标签里面，与CSS内部样式块相同

<script type="text/javascript">
    alert('你好');
</script>
<style type="text/css">
    div{
        width:100px;
    }
</style>

上面的代码alert('你好')也是JS代码，但是它写在了我们的script的标签里面

写在外部文件当中

我们的CSS样式如果过多以后，我们会把这些CSS样式单独写在一个文件里面，这个文件以.css结尾，同理，如果一个页面的JS代码过多，我们也可以单独的写在一个文件里面，这个文件以.js结尾

<link rel="stylesheet" type="text/css" href="style1.css" />
<script type="text/javascript" src="javascript1.js"></script>

特别注意：外部 javascript 文件不使用 <script> 标签，直接写 javascript 代码。

一个script标签如果加了src属性连接到另一个JS文件里面，这个script标签里面就不能加东西了

<script src="./js/01.js" type="text/javascript">
    var div1 = document.getElementById("div1");
    div1.innerText="我把你改了";
</script>

上面的写法是是错误的

在外部文件中放置脚本有如下优势：

JavaScript简介