js简介

一、hello world

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--JS代码需要编写到script标签中-->
        <script type="text/javascript">
             
            /*
             * 控制浏览器弹出一个警告框
             * alert("hello world");
             */
             
            /*
             * 让计算机在页面中输出内容
             * document.write()可以向body中输出一个内容
             * document.write("在页面中输出内容~~~");
             */
             
            /*
             * 向控制台输出内容
             * console.log()的作用是向控制台输出内容
             * console.log("向控制台输出内容");
             */
             
            alert("hello world");
            document.write("在页面中输出内容~~~");
            console.log("向控制台输出内容");
        </script>
    </head>
    <body>
    </body>
</html>

二、js编写的位置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
         
        <!--
            可以将js代码编写到外部js文件中,然后通过script标签引入
            写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制
            推荐使用的方式
        -->
        <!--
            script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略
            如果需要则可以在创建一个新的script标签用于编写内部代码
        -->
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript">
            alert("我是内部的JS代码");
        </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>

 js/script

1
alert('我是外部JS');

 

posted on   lina2014  阅读(102)  评论(0编辑  收藏  举报

编辑推荐:
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
阅读排行:
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 如何打造一个高并发系统?
· 《SpringBoot》EasyExcel实现百万数据的导入导出

导航

< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示