JavaScript笔记 - JS和html代码的结合方式

JavaScript和html代码的结合方式

方式一

  • 在head标签或body标签中,使用script标签来书写JavaScript代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type = "text/javascript">
            //alert是JS语言提供的一个警告框函数
            //它可以接收任意类型的参数,这个参数就是警告框的提示信息
            alert("hello javaScript");
        </script>
    </head>
    <body>
    </body>
    </html>
    

方式二

  • 使用script标签引入单独的JavaScript代码文件

    //js文件内
    alert("hello javaScript");
    
    <!--html文件内-->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!--script标签可以用来定义代码,也可以用来引入js文件
    		但是两个功能只能二选一,不能同时使用两个功能-->
        <script type = "text/javascript" src="test.js"></script>
        <!--可用通过分两次执行来规避这条限制-->
        <script type = "text/javascript">
        	alert("hiiiii");
        </script>
    </head>
    <body>
    </body>
    </html>
    
posted @   Solitary-Rhyme  阅读(56)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示