js的三種使用方式是什麼？有什麼區別-js教程-PHP中文網

首頁

web前端

js教程

js的三種使用方式是什麼？有什麼區別

云罗郡主

Oct 22, 2018 pm 04:42 PM

差別

這篇文章帶給大家的內容是關於js的三種使用方式是什麼？有什麼差別，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

1、行內js：js不單獨寫出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式1：行内js</title>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="javascript:alert(&#39;哈哈哈哈&#39;)">
<!--onclick:点击触发一个事件，alert：弹出一个对话框-->
</body>
</html>

登入後複製

2、內部js：script裡的程式整個頁面都可以用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式2：内部js</title>
    <script type="text/javascript">
        //声明一个函数(整个文档都可以使用)
        function surprise() {
            alert(&#39;恭喜你中了一百万&#39;)/*弹出框*/
        }
    </script>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数-->
<input type="button" value="点击" onclick="surprise()">
</body>
</html>

登入後複製

3、外部js：很多html頁面都可以呼叫設定的js頁面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式3：外部js</title>
    <!--很多html页面都可以调用js4.js页面-->
    <script src="../../js/js4.js" type="text/javascript" charset="utf-8">
    </script>
</head>
<body>
<input type="button" value="点击" onclick="test()">
</body>
</html>

登入後複製

以上就是對js的三種使用方式是什麼？有什麼不同的介紹，如果您想了解更多有關JavaScript影片教學，請關注PHP中文網。

以上是js的三種使用方式是什麼？有什麼區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7862

Java教學

1649

CakePHP 教程

1404

Laravel 教程

1300

PHP教程

1242

Related knowledge

PS導出PDF如何設置密碼保護 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中導出帶密碼保護的 PDF：打開圖像文件。點擊“文件”>“導出”>“導出為 PDF”。設置“安全性”選項，兩次輸入相同的密碼。點擊“導出”生成 PDF 文件。

H5和小程序與APP的區別 Apr 06, 2025 am 10:42 AM

H5、小程序和APP的主要區別在於：技術架構：H5基於網頁技術，小程序和APP為獨立應用程序。體驗和功能：H5輕便易用，功能受限；小程序輕量級，交互性好；APP功能強大，體驗流暢。兼容性：H5跨平台兼容，小程序和APP受平台限制。開發成本：H5開發成本低，小程序中等，APP最高。適用場景：H5適合信息展示，小程序適合輕量化應用，APP適合複雜功能應用。

在router文件夾下的index.js文件中為什麼需要調用Vue.use(VueRouter)？ Apr 05, 2025 pm 01:03 PM

在router文件夾下的index.js文件中註冊VueRouter的必要性在開發Vue應用程序時，常常會遇到關於路由配置的問題。特�...

JavaScript中如何從指定DOM節點下使用XPath進行查找？ Apr 04, 2025 pm 11:15 PM

DOM節點下XPath查找方法詳解在JavaScript中，我們經常需要根據XPath表達式從DOM樹中查找特定的節點。如果需要從某�...

H5和小程序的推廣方式有何不同 Apr 06, 2025 am 11:03 AM

H5與小程序的推廣方式存在差異：平台依賴性：H5依賴瀏覽器，小程序依賴特定平台（如微信）。用戶體驗：H5體驗較差，小程序提供類似原生應用的流暢體驗。傳播方式：H5通過鏈接傳播，小程序通過平台分享或搜索。 H5推廣方式：社交分享、郵件營銷、QR碼、SEO、付費廣告。小程序推廣方式：平台推廣、社交分享、線下推廣、ASO、與其他平台合作。

centos和ubuntu的區別 Apr 14, 2025 pm 09:09 PM

CentOS 和 Ubuntu 的關鍵差異在於：起源（CentOS 源自 Red Hat，面向企業；Ubuntu 源自 Debian，面向個人）、包管理（CentOS 使用 yum，注重穩定；Ubuntu 使用 apt，更新頻率高）、支持週期（CentOS 提供 10 年支持，Ubuntu 提供 5 年 LTS 支持）、社區支持（CentOS 側重穩定，Ubuntu 提供廣泛教程和文檔）、用途（CentOS 偏向服務器，Ubuntu 適用於服務器和桌面），其他差異包括安裝精簡度（CentOS 精

c語言函數庫在什麼位置？ c語言函數庫怎麼添加？ Apr 03, 2025 pm 11:39 PM

C語言函數庫是一個包含各種函數的工具箱，這些函數被組織在不同的庫文件中。添加函數庫需要通過編譯器的命令行選項來指定，例如 GCC 編譯器使用 -l 選項，後跟庫名的縮寫。如果庫文件不在默認搜索路徑下，則需要使用 -L 選項指定庫文件路徑。庫有靜態庫和動態庫之分，靜態庫在編譯時直接鏈接到程序中，而動態庫在運行時被加載。