HTML 一些记录引入JavaScript

最新推荐文章于 2023-10-21 22:07:07 发布

HeyHex

最新推荐文章于 2023-10-21 22:07:07 发布

阅读量124

点赞数 1

本文链接：https://blog.csdn.net/qq_45213010/article/details/116241217

版权

html5 一些记录同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

javascript 一些记录

3 篇文章 0 订阅

订阅专栏

一般有三种方式在HTML中引入JavaScript

第一式：

引用外部.js文件

<!-- 引用外部js文件 -->

        <script src="myscript.js"></script>          <!-- 第一种 -->

第二式

直接在HTML中写入<script></script>块

<!-- 在HTML中直接编辑JavaScript标签块 -->      <!-- 第二种 -->
        <script>
            //内部script

            function show(){
            document.write("hello <span style='color:red'> visual code!</span><br/>");
            }

            show();
        </script>

第三式

在组件中定义或引用JavaScript

<!-- 在按键事件中引用JavaScript定义的函数（这是在myscript中定义的！） -->    
        <input type="button" value="按钮1" onclick="show2()"/>

全部代码如下：

html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>引入JavaScript测试</title>
    </head>

    <body>
    
        <!-- 在按键事件中引用JavaScript定义的函数（这是在myscript中定义的！） -->    
        <input type="button" value="按钮1" onclick="show2()"/>
        

        <p>hello</p>
        
    
        <!-- 引用外部js文件 -->
        <script src="myscript.js"></script>          <!-- 第一种 -->

        <!-- 在HTML中直接编辑JavaScript标签块 -->      <!-- 第二种 -->
        <script>
            //内部script

            function show(){
            document.write("hello <span style='color:red'> visual code!</span><br/>");
            }

            show();
        </script>

    </body>

</html>

js:



function show2(){
   alert("哈哈哈哈哈哈哈哈！");
}

HeyHex

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML 一些记录引入JavaScript

一般有三种方式在HTML中引入JavaScript 第一式：引用外部.js文件 <script src="myscript.js"></script>  第二式直接在HTML中写入<script></script>块 ..
复制链接

扫一扫