首页 > 编程语言 > 详细

一、在 HTML 中使用 JavaScript

时间:2021-02-23 14:39:41      阅读:30      评论:0      收藏:0      [点我收藏+]

一、script 标签的使用方式

  1. 直接在标签中写入代码
    <script>
        function sayHi() {
            console.log("Hi");
        }
        function sayScript() {
            console.log("<\/script>"); // 特殊字符需要转义,"\"
        }
        sayHi();
        sayScript();
    </script>
    
  2. 引入外部 js 文件
    <script src="./js/sayHello.js"></script>
    
注意:外部引入同时标签内写入代码时,写入的代码将会被忽略
<script src="./js/sayHello.js">
    // 以下代码不会执行
    function sayDear() {
        console.log("Dear");
    }
    sayDear(); 
</script>

二、script 标签在 HTML 中位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 外部文件统一放置,会导致加载时页面空白时间过长 -->
    <script src="./js/sayHello.js"></script>
</head>
<body>
<!-- 推荐位置,页面解析完后加载 -->
<script src="./js/sayHello.js"></script>
</body>
</html>

一、在 HTML 中使用 JavaScript

原文:https://www.cnblogs.com/dongshiyi/p/14435527.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!