JavaScript简述

  • Post author:
  • Post category:java




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 版权协议,转载请附上原文出处链接和本声明。