JavaScript 在HTML頁面中書寫的三種方法


JavaScript書寫方法

  JS有三種書寫方式:行內式、內嵌式、外部式

行內式

<input type="button" value="hi" onclick="alert('hello world')">

  *可以單行少量或少量的JS代碼寫在HTML標簽中

  * 注意單雙引號的使用:在HTML中我們推薦使用雙引號,JS中我們推薦使用單引號

  *不推薦使用

內嵌式

<script>
    alert("你看到了嗎?");
    confirm("你確定嗎?");
</script>

  *可以將多行代碼寫到<script>標簽中

  *內嵌式JS學習是經常使用

外部式

<script src="login.js"></script>

  *把大量的JS代碼獨立到HTML頁面之外,美觀,復用

  *引用外部JS文件的<script>標簽中間不可以寫代碼

  *適用於JS代碼大量的情況

Example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style></style>
    <!-- 內嵌式 -->
    <script>
        alert("hello world")
    </script>
    <!-- 外部式 -->
    <script src="login.js"></script>
</head>
<body>
<!-- 行內式 -->
<input type="button" value="hi" onclick="alert('hello world')">

<!-- 內嵌式 -->
<script>
    alert("你看到了嗎?");
    confirm("你確定嗎?");
</script>

</body>
</html>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM