> 文章列表 > JavaScript简述

JavaScript简述

JavaScript简述

JavaScript简述

    • JavaScript简介
    • JS用法
    • JavaScript输出
      • window.alert()
      • document.write()
      • innerHTML()
      • console.log()

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>

JavaScript简述

document.write()

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

JavaScript简述

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>

JavaScript简述