• 技术文章 >web前端 >前端问答

    JavaScript代码是嵌入到HTML中吗

    长期闲置长期闲置2022-06-15 15:37:54原创178

    JavaScript代码是嵌入到html中的,同时也可以将JavaScript代码写在“.js”文件中,利用script标签将“.js”文件引入到html中;JavaScript代码嵌入html中的语法为“<script>JavaScript代码</script>”,引入“.js”文件的语法为“<script src="js文件地址"></script>”。

    本教程操作环境:windows10系统、javascript1.8.5&&html5版、Dell G3电脑。

    JavaScript是嵌入到HTML中吗

    JavaScript是嵌入到HTML中


    <script> 标签用于定义客户端脚本,比如 JavaScript。

    <script> 元素既可包含脚本语句,也可以通过 "src" 属性指向外部脚本文件。

    JavaScript 通常用于图像操作、表单验证以及动态内容更改。

    提示和注释

    注释:如果使用 "src" 属性,则 <script> 元素必须是空的。

    使用script标签插入脚本代码

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>在HTML标签的事件属性中直接添加脚本</title>
    <script>
    function 单击(){
    alert("hello world");
    }
    </script>
    </head>
    <body>
    <form>
    <input type="button" onClick="单击()" value="单击"/>
    </form>
    </body>
    </html>

    使用script标签链接外部JS文件

    JS代码

    /**
     * 
     */
    function 单击(){
    alert("hello world")
    }

    HTML代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>使用script标签链接外部JS文件</title>
    <script type="text/javascript" src="test.js"></script>
    </head>
    <body>
    <input type="button" onclick="单击()" value="单击">
    </body>
    </html>

    【相关推荐:javascript视频教程web前端

    以上就是JavaScript代码是嵌入到HTML中吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript html5
    上一篇:vue是javascript吗 下一篇:JavaScript换行要用分号结束吗
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一文掌握JavaScript数字类型• 整理总结JavaScript常见的BOM操作• 解决JavaScript数据处理的5个常见问题• JavaScript隐藏机制之垃圾回收知识总结• 一文搞定JavaScript的节点操作
    1/1

    PHP中文网