2. 程式人生 > 其它 >15-10000 前端JavaScript 3種書寫位置 JS初體驗

15-10000 前端JavaScript 3種書寫位置 JS初體驗

阿新 • • 發佈：2021-11-14 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

<!--  2 內嵌式的JS . 寫到script 標籤裡面的程式碼，就是內嵌式JS的用法使用 -->
    <!-- <script>
     alert(
 
' 2 內嵌式JS用法')
     alert('自強不息');

    </script> -->

<!-- 3 外部JS寫法 引用 -->
 <script src="My.js"> </script>


</head>
<body>
    


<!-- 1 行內式 的JS  直接寫到元素的內部  -->
 
 <h1> 1 行內式 的JS  直接寫到元素的內部</h1>

<input type="button" value="唐伯虎" onclick="alert('秋香姐')">






</body>
</html>

外部JS檔案

alert('3 外部JS的使用');
alert('如果我是程式設計師，你還愛我嗎');

網頁顯示效果：

相關推薦

15-10000 前端JavaScript 3種書寫位置 JS初體驗

<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">

Vue元件模板的幾種書寫形式(3種)

1.第一種使用script標籤 <!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\">

入行web前端工程師的3種方式

前端職業已經屬於目前主流之一。很多大學生、擇業者想找一份比較不錯的工作和滿意的薪資，都會選擇前端行業。應市場需求web前端工程師的需求量也非常大，據統計前端職業以後的發展趨勢會不斷攀升。

教你3種方法解決GitHub下載速度緩慢的問題【2020.10.15】

教你3種方法解決GitHub下載速度緩慢的問題！ 文章寫的幾種方法，難度依次降低，都可以學習呦！

JavaScript中常用的3種彈出提示框(alert、confirm、prompt)

三種提示框 alert () confirm() prompt () alert () alert()方法是顯示一條彈出提示訊息和確認按鈕的警告框。

JavaScript的書寫位置

js的書寫位置 JS 有3種書寫位置，分別為行內、內嵌和外部。 行內式 <input type=\"button\" value=\"點我試試\" onclick=\"alert(\'Hello World\')\" />

JavaScript實現瀑布流佈局的3種方式

前言 今天逛閒魚的時候觀察到每一行的高度不是相同的，經瞭解才知道原來這是一種瀑布流佈局，感覺挺有意思，於是決定研究一下，在網上也找了一些方案，實現瀑布流大概有3種方式。

利用JavaScript為句子加標題的3種方法示例

前言 本文基於Free Code Camp基本演算法指令碼“標題案例一句”。 在此演算法中，我們要更改文字字串，以便每個單詞的開頭始終都有一個大寫字母。

JavaScript中子函式訪問外部變數的3種解決方法

前言 我們在寫web頁面時，肯定會經常遇到下面這種情況： <body> <div class=\"btns-wrapper\"></div>

前端 JavaScript 中的三種 for 迴圈語句總結

JavaScript 中的 for 迴圈語句相信大家都已經快用厭了，現在有好多文章都在講怎麼減少程式碼中的 for 迴圈語句，但是，你又不得不承認它們真的很有用。今天，我來總結一下前端 JavaScript 中三種 for 迴圈語句。

JavaScript 物件建立的3種方法

目錄1、物件字面量2、new 關鍵字建立物件3、使用 Object.create() 建立物件4、 使用擴充套件操作符：...5、使用Object.assign()方法6、簡寫屬性7、簡寫方法前言：

Javascript中點選（click）事件的3種寫法

Javascript中點選（click）事件的3種寫法_h5css3_linhuai的部落格-CSDN部落格_點選 <!DOCTYPE html>

重學前端（3）- JavaScript型別

    JavaScript 型別對每個前端程式設計師來說，幾乎都是最為熟悉的概念了。但是你真的很瞭解它們嗎？我們不妨來看看下面的幾個問題。

前端JavaScript深拷貝的三種方法，看了不後悔！！！

深拷⻉ 深拷⻉開闢⼀個新的棧，兩個物件屬完成相同，但是對應兩個不同的地址，修改⼀個物件的屬性，不會 改變另⼀個物件的屬性

IOS 圖片存放3種方式

Image.xcassets 建立 .xcassets，以 Image Set 形式管理圖片，新增圖片後會生成對應的 content.json 檔案

C# OleDbDataReader快速資料讀取方式(3種)

查詢得到OleDbDataReader後，有三種方式支援資料讀取，如下： //方法一**速度中等

使用VBS瀏覽本地檔案的3種方式，獲取完整路徑

因為系統元件差異，所以程式碼也有不同文章最後我們給出一個通用的程式碼

Android應用禁止螢幕休眠的3種方法

做Android應用開發時，有時需要在應用前臺執行時，禁止休眠，以下幾種方法供參考。

Mybatis中3種關聯關係的實現方法示例

三種關聯關係：一對多，一對一，多對多 兩種查詢方式：巢狀查詢，連線查詢（也可稱作：多表單獨查詢，多表連線查詢）

SpringBoot注入配置檔案的3種方法詳解

這篇文章主要介紹了SpringBoot注入配置檔案的3種方法詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下