Java scrip第一课--三大输出语句、j s 编写位置和j s基本语法语法

公告

View Post

Java Script第一课

学习内容

Java script实现包含三个部分：ECMA Script 、DOM和 BOM

三大指令,输出语句

alert()
document . write()
console . log()

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <!--JS代码需要编写到script标签中-->
        <script type="text/javascript">
            
            /*
             *控制浏览器弹出一个警告框
             * alert("这是我的第一行JS代码");
             */
            
            /*
             *让计算机在页面中输出一个内容
             * document.write("看我出不出来~~");//相当于在body中写一个内容
             */
            
            /*
             *向控制台输出一个内容
             *console.log("你猜我在哪儿出来~~~");
             */     
        </script>
    </head>
    <body>
    </body>
</html>

j s编写位置

虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用

<!--script.js-->
alert("可别引入我~~~");

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <!-- 写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
             推荐使用的方式
             script标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略
             如果需要则可以再创建一个新的script标签用于编写内部代码
         -->
        <!-- 可以将js代码编写到外部js文件中，然后通过script标签引入 -->
        <script type="text/javascript"src="scrip.js">
        </script>
        <script type="text/javascript">
            alert("可以引入我了~~~");
        </script>
        <!-- 
         可以将js代码编写到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>

j s基本语法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            /*
             js注释
             多行注释，注释中的内容不会被执行，但是可以在源代码中查看
             */
            
            //单行注释
            
            /*
              1.js中严格区分大小写
              2.js中每一条语句以分号（;）结尾
                    -如果不写分号，浏览器会自动添加，但是会消耗一些系统资源
                         而且有些时候，浏览器会加错分号，所有在开发中分号必须写
              3.js中会忽略多个空格和换行，所有我们可以利用空格和换行对代码进行格式化          
             */
        </script>
    </head>
    <body>
    </body>
</html>

posted on 2022-03-20 22:02 青携纸笔携香阅读(168) 评论(0) 收藏举报

刷新页面返回顶部