JavaScript

最新推荐文章于 2024-04-23 20:28:43 发布

素心如月桠

最新推荐文章于 2024-04-23 20:28:43 发布

阅读量220

点赞数

本文链接：https://blog.csdn.net/m0_47010003/article/details/115238336

版权

html 同时被 2 个专栏收录

43 篇文章 14 订阅

订阅专栏

JavaScript

34 篇文章 3 订阅

订阅专栏

JavaScript

一、JS的组成可分为3部分：

1. ECMAScript

ECMAScript规定了JS的编程语法和基础核心这是，是所有浏览器厂商共同遵守的一套JS语法工业标准

2. DOM——文档对象模型

Document Object Model ,简称DOM，是W3C组织推荐的处理可扩展标记语言的标准编程接口

通过DOM提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）

3. BOM——浏览器对象模型

Browser Object Model ,简称BOM，提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等

对浏览器窗口进行操作

二、JS的3种书写位置

1. 直接写到元素的内部

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <!-- 1. 行内式的js 直接写到元素的内部 -->
        <!-- 点击button按钮弹出弹窗事件 -->
        <input type="button" value="唐伯虎" onclick="alert('秋香')">
    </body>
    </html>

2.内嵌式的js

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <script>
        <!-- 内嵌式的js-->
        alert('你好呀！');
    </script>
    <body>      
    </body>
    </html>

3.外部引用

新建my.js文件，在html文件中引用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="my.js">

        </script>
    </head>
    <body>
          
    </body>
    </html>

注释

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script >
            //1.单行注释  ctrl+/
            /*2. 多行注释
              
            */
           
        </script>
    </head>
    <body>
        
    </body>
    </html>