JavaScript的书写格式

最新推荐文章于 2025-05-16 17:06:24 发布

syuuenn

最新推荐文章于 2025-05-16 17:06:24 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/syuuenn/article/details/90450269

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

JavaScript的书写有两种方式
外链式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src='work.js'></script>
</head>
<body id="body" style="background: #FF7F24">
<div id="box1">测试</div>
</body>
</html>

内嵌式:

   <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" >
      window.onload=function () {
      代码
      }
        </script>
    </head>
    <body id="body" style="background: #FF7F24">
    <div id="box1">测试</div>
    </body>
    </html>

外链式把代码写在src引号李指定的文件内
内嵌式则直接在HTML页面中的script标签里
window.οnlοad=function () {
代码 }是入口函数，因为JavaScript执行等级较高，会先执行。代码写在入口函数里可以保证JavaScript代码在HTML加载完成后执行。