博客

JavaScript简述

  • Post author:
  • Post category:java


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>

在这里插入图片描述


版权声明：本文为ssslq原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Tags: