JavaScript简介及输出方式

最新推荐文章于 2024-07-04 14:14:30 发布

Eternal_tyq

最新推荐文章于 2024-07-04 14:14:30 发布

阅读量555

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/Eternal_tyq/article/details/78744281

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

一.简介
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

二.在HTML中使用JavaScript
向HTML页面中插入JavaScript的主要方法，就是使用<script>元素。
如下例就是采用js的方法在页面中输出hello world。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    document.write("hello world")
</script>
</body>
</html>

三.js中的输入与输出
1.弹出警告框输出

 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    alert("确认要退出吗？")
</script>
</body>
</html>

这里写图片描述

2.弹出确认框输出

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    confirm("确认要退出吗？")
</script>
</body>
</html>

这里写图片描述

3.弹出输入框

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var num=prompt("请输入年龄",18)
    alert(num)
</script>
</body>
</html>

这里写图片描述

4.在页面输出

<script>
    document.write("hello world")
</script>

5.在控制台输出（F12为控制台快捷键）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    console.log("调试")
</script>
</body>
</html>