欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript应该嵌入到html中的什么位置

程序员文章站 2022-08-17 15:10:34
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>document</title>
    <style>
        input.btn {
            background: red;
        }
        .overstyle {
            background: olive;
        }
        .outstyle {
            background: red;
        }
    </style>
    <!-- // js函数代码【建议】嵌入头部之间。在页面文档主体和其余部分代码加载之前【web内容在浏览器中是从上到下解析的,head内的脚本会比body内的脚本线处理。所以最好将包含所有预定义函数的js代码放在头部】 ;js区分大小写;-->
    <script>
        document.write("<font>js代码输出的文字;一般不这么用</font>");//document.write()是文档对象的输出函数。其功能是将括号中的内容或变量值输出到页面文档中。

        //  一些比较简短的js事件代码可以直接写在html标签内,格式:  onclick=javascript:函数名称()   具体的函数写在嵌入head的js代码中
        function submit() {
            alert('提交');
        }

    </script>
</head>
<!-- onload当网页下载到浏览器就会执行,如果onload需要访问html标签所定义的对象,需要确保对象先于onload脚本执行。所以onload函数应该写在body中而非head -->
<body onload="window.alert('页面内容完成导入到浏览器')">
    <input type="button" name="button" title="新建申请表单" value="新建" class="btn" onmouseover="this.classname='overstyle'" onmouseout="this.classname='outstyle'" onclick="javascript:submit();">

    <!-- // js放在body主体之间用来实现某些部分动态地创建文档 -->
    <script>
        

    </script>
</body>
</html>