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