002 js基础 -- js的helloworld -- js的编写位置 -- js基本语法

本文链接：https://blog.csdn.net/weixin_43729087/article/details/125205189

js的helloworld

最常用的三条输出语句

控制浏览器弹出一个警告框 alert();
向body中输入一个内容 document.write();
向控制台输出一个内容 console.log();
弹出input输入框，可有返回值 var score = prompt(“请输入”);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--JS代码需要编写到script标签中-->
    <script type="text/javascript">
        /**
         * 控制浏览器弹出一个警告框
         */
        alert("第一个js代码");
        /**
         * 让计算机在页面中输出一个内容
         * document.write();可以向body中输入一个内容
         */
        document.write("看我出不出来~~~");
        /**
         * 向控制台输出一个内容
         * console.log();
         */
        console.log("你猜我在哪里出来呢？");
    </script>
</head>
<body>
</body>
</html>

js的编写位置

onclick属性中
href属性中
script标签中的代码
可以将js代编写到外部js文件中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--可以将js代编写到外部js文件中，然后通过script标签引入
        写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
        推荐使用的方式
    -->
    <!--
        script标签一旦引用外部外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略
        如果需要则可以在创建一个新的script标签用于编写代码
    -->
    <script type="text/javascript" src="js/scriptdemo.js">
        alert("我是script标签中的代码")//不执行
    </script>
    <script type="text/javascript">
        alert("我是script标签中的代码")
    </script>
</head>
<body>
    <!--可以将js代码编写到标签的onclick属性中
        当我们点击按钮时，js代码才会执行

        虽然可以写在标签中的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用
    -->
    <button onclick="alert('讨厌，你点我干嘛');">点我一下</button>

    <!--
        可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码
    -->
    <a href="javascript:alert('让你点你就点');">你也点我一下</a>
    <a href="javascript:;">你也点我一下</a>
</body>
</html>

js基本语法

JS中严格区分大小写
JS中每条语句已分号（；）结尾
- 如果不写分号，浏览器会自动添加，但是会消耗一些系统资源
- 而且有些时候，浏览器会加错分号，所以在开发中分号必须写
JS会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript">
        /*
         * 多行注释
         * JS注释
         * 多行注释，注释中的内容不会被执行，但是可以字啊源代码中查看
         * 要养成良好的编写注释的习惯，也可以通过注释对代码进行简单的调试
         * */

         //单行注释
        alert("hello");
        document.write("hello");
        console.log("hello");

        /*
        * 1.JS中严格区分大小写
        * 2.JS中每条语句已分号（；）结尾
        *    - 如果不写分号，浏览器会自动添加，但是会消耗一些系统资源
        *    - 而且有些时候，浏览器会加错分号，所以在开发中分号必须写
        * 3.JS会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化
        *
        * */
        alert
        (
            123
        )
    </script>
</head>
<body>
</body>
</html>