JS入门教程

最新推荐文章于 2024-07-29 11:53:27 发布

Try Tomato

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量408

点赞数 1

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

本文链接：https://blog.csdn.net/weixin_63836026/article/details/123316479

版权

+ JavaScript 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

首先我们使用JS必须知道它的使用方法

本章会涉及到JS引入方法，JS入门交互（弹出警示框），JS注释，以及JS输出语句

一.JS引入方法

JS引入（JS使用方法）有三种，分别为：

1.HTML页面内嵌入式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>

<script>
    //JavaScript标签可以写在HTML页面内，但是当JS文件较多时，我们使用外部引用式
</script>

</html>

2.外部引入式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
/*外部引入式，我们可以将JS在JS里编写好引入到HTML，也可以引入外部的JS文件
更加的方便，规矩*/
<script type="text/javascript" src="xxx.js"></script>
</html>

二.JS弹出警示框（行内式）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    /*行内式*/
    <button onclick="alert('我被点出来了')">点击弹框</button>
</body>
</html>

三.JS注释

单行：//

多行：/**/

四.JS输出语句

alert(msg)//浏览器弹出警示框

console.log(msg)//浏览器控制台打印输出信息

prompt(info)//浏览器弹出输入框，用户可以输入

本章入门教程就到这里——学习前端——关注小蜗

Try Tomato

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS入门教程

JS入门教程
复制链接

扫一扫

专栏目录