JavaScript简述

原创于 2023-03-03 19:47:37 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

这篇文章介绍了JavaScript的基本概念，作为一门用于HTML和Web的轻量级编程语言，JavaScript主要负责网页的行为。文中详细讲解了如何在HTML中嵌入JavaScript代码，并列举了四种常见的输出方法：window.alert()用于弹出警告框，document.write()将内容写入HTML文档，innerHTML改变HTML元素内容，以及console.log()输出到浏览器控制台。

JavaScript简述

JavaScript简介

JavaScript是脚本语言，可用于HTML和web。
JavaScript是一种轻量级的编程语言。
JavaScript是可插入HTML页面的编程代码。
JavaScript插入HTML页面后，可由所有的现代浏览器执行。

JS和HTML、CSS的区别：
1、HTML定义了网页的内容
2、CSS描述了网页的格局
3、JavaScript控制了网页的行为

JS用法

HTML中的JavaScript脚本代码必须位于< script>和< /script>标签之间。
JavaScript脚本代码可以被放置在HTML页面的< body>和< head>之中.
通常的做法就是把函数放到 < head>之中，或者放在页面底部，这样就可以把他们安置到同一处位置，不会干扰页面的内容。

JavaScript输出

JavaScript没有任何打印或者输出的函数，例如print。
但是JavaScript可以使用不同的方式进行输出数据：

使用window.alert（）弹出警告框
使用document.write（）方法将内容写到HTML文档中
使用innerHTML写入到HTML元素
使用console.log（）写到浏览器的控制台

window.alert（）

<DocType html>
<html>
    <head>
        <meta charset="utf-8">
        <title>大帅逼</title>
    </head>
    <body >   
    </body>
        <script>
            window.alert("666");
        </script>
</html>

在这里插入图片描述

document.write（）

<DocType html>
<html>
    <head>
        <meta charset="utf-8">
        <title>大帅逼</title>
    </head>
    <body >   
    </body>
        <script>
            document.write("hello world!");
        </script>
</html>

在这里插入图片描述

innerHTML（）

<DocType html>
<html>
    <head>
        <meta charset="utf-8">
        <title>大帅逼</title>
    </head>
    <body >   
    </body>
        <p id="test">修改之前的内容</p>
        <script>
            //document.getElementById("test").innerHTML;这里如果不指定的话，那就是原样输出
            document.getElementById("test").innerHTML="这里还可以进行修改";
        </script>
</html>

console.log（）

<DocType html>
<html>
    <head>
        <meta charset="utf-8">
        <title>大帅逼</title>
    </head>
    <body >   
    </body>
        <script>
            console.log("hello world");
        </script>
</html>