關(guān)于js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的程序代碼
更新時間：2018年05月05日 15:24:47 作者：xuehyunyu
本文主要和大家介紹關(guān)于js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家
本文講述了js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的實例代碼，感興趣的小伙伴們可以參考一下，具體如下：
1、行內(nèi)js：js不單獨寫出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式1：行內(nèi)js</title>
</head>
<body>
<input type="button" value="點擊有驚喜" onclick="javascript:alert('哈哈哈哈')">
<!--onclick:點擊觸發(fā)一個事件，alert：彈出一個對話框-->
</body>
</html>
2、內(nèi)部js：script里的程序整個頁面都可以用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2：內(nèi)部js</title>
<script type="text/javascript">
//聲明一個函數(shù)(整個文檔都可以使用)
function surprise() {
alert('恭喜你中了一百萬')/*彈出框*/
}
</script>
</head>
<body>
<input type="button" value="點擊有驚喜" onclick="surprise()"><!--調(diào)用函數(shù)-->
<input type="button" value="點擊" onclick="surprise()">
</body>
</html>
3、外部js：很多html頁面都可以調(diào)用設(shè)定的js頁面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js使用方式3：外部js</title> <!--很多html頁面都可以調(diào)用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的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
2008-01-01
這篇文章主要介紹了JS獲取一個字符串中指定字符串第n次出現(xiàn)的位置,文章內(nèi)容實例講解的很清晰，有需要的同學(xué)可以研究下2021-02-02
本篇文章是對HTML5中的lang屬性與dir屬性進行了詳細的分析介紹，需要的朋友參考下2013-06-06
javascript學(xué)習(xí)筆記（五）正則表達式
正則表達式在web開發(fā)中會經(jīng)常用到，主要用于驗證用戶輸入的數(shù)據(jù)的格式。2011-04-04
Underscore一個JavaScript實用庫,提供了一整套函數(shù)式編程的實用功能,但是沒有擴展任何JavaScript內(nèi)置對象,本文就翻譯了它的源代碼中的注釋,需要的朋友可以參考下2015-06-06
js中top/parent/frame概述及案例應(yīng)用
top:永遠指分割窗口最高層次的瀏覽器窗口;parent:包含當(dāng)前分割窗口的父窗口,本文將圍繞js中top、parent、frame進行講述及他們的應(yīng)用案例2013-02-02
本文結(jié)合實際，分兩種情況討論跨域技術(shù)：首先討論不同子域的跨域技術(shù)，然后討論完全不同域的跨域技術(shù)。有需要的小伙伴可要看仔細了。2014-11-11
下面小編就為大家?guī)硪黄钊肜斫膺壿嫳磉_式的用法 與或非的用法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
總結(jié)JavaScript三種數(shù)據(jù)存儲方式之間的區(qū)別
這篇文章主要介紹了JavaScript三種數(shù)據(jù)存儲方式之間的區(qū)別,指的分別是sessionStorage和localStorage以及cookie三種瀏覽器端的數(shù)據(jù)存儲方式,需要的朋友可以參考下2016-05-05
四種參數(shù)傳遞的形式——URL，超鏈接，js，form表單
本文介紹了四種參數(shù)傳遞的形式，并給出了URL，超鏈接，js，form表單傳參方式,需要的朋友可以參考下2015-07-07