日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript入門之三種引入方式怎么使用

這篇文章主要介紹“JavaScript入門之三種引入方式怎么使用”，在日常操作中，相信很多人在JavaScript入門之三種引入方式怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對(duì)大家解答”JavaScript入門之三種引入方式怎么使用”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了惠濟(jì)免費(fèi)建站歡迎大家使用！

JavaScript入門之三種引入方式怎么使用

1.行內(nèi)引入方式

寫在行內(nèi)，每個(gè)標(biāo)簽里面單獨(dú)設(shè)置

通過在開標(biāo)簽中的事件屬性引用js的函數(shù)

(1)寫在標(biāo)簽的事件屬性當(dāng)中（以on開頭的屬性），如onclick【on+事件類型】

推薦：html使用雙引號(hào)，js使用單引號(hào)

例：

注：行內(nèi)引入，在JS中沒用提升權(quán)重的概念，所以其不常用[基本不用]

示例如下：


  js樣式內(nèi)聯(lián)寫法
  
  
  
    
    
    單擊事件：
      
    
     

輸出結(jié)果：

JavaScript入門之三種引入方式怎么使用

2.內(nèi)嵌引入方式(內(nèi)部引入)

寫在script標(biāo)簽中

內(nèi)部引用: 通過在script標(biāo)簽中編寫js代碼使用

  • script標(biāo)簽可以寫在頁面任何位置

  • script標(biāo)簽通常使用在body中的最后, 或者body的后面

(1)可以寫在任意地方；

當(dāng)需要我們?cè)陬^部引用腳本就放在頭部，否則則放在底部，因?yàn)榉旁陬^部可能會(huì)影響瀏覽器渲染。

注：一般在自己寫練習(xí)的時(shí)候，想偷懶不想設(shè)置js文件時(shí)使用 [練習(xí)使用]
通常自己做項(xiàng)目的時(shí)候放在底部，不影響加載順序又可以和CSS文件進(jìn)行區(qū)分，并且不會(huì)影響瀏覽器渲染；若放在其他處最好用onload套起來用
示例如下：

  js樣式內(nèi)聯(lián)寫法
  
  
  
  
    單擊事件：
      
  

  
  
  

輸出結(jié)果：
JavaScript入門之三種引入方式怎么使用
3.外部引入方式
在script標(biāo)簽中使用src引入外部文件
步驟:
  • 編寫?yīng)毩⒌膉s文件
  • 在頁面中通過script標(biāo)簽引用
(1)引入外部JS文件的script中不可以寫代碼
(2)利用HTML頁面代碼結(jié)構(gòu)化，把多段JS代碼獨(dú)立至HTML頁面外面，美觀，且方便文件復(fù)用
注：和行內(nèi)樣式一樣放在底部和頭部需要分情況考慮[經(jīng)常使用]
使用的是src不是href
示例如下：
將js的代碼寫到.js的文件中，并在HTML中引用
.html文件內(nèi)容如下：

  js樣式外聯(lián)寫法
  
  
  
    外聯(lián)寫法--單擊事件：
      
  

  
  

.js文件內(nèi)容如下：
//js代碼

//找到XX元素，一般給元素加id 
yuansuojb=document.getElementById('yuansu');    
//給xx元素加事件
yuansuojb.onclick=function(){
  //代碼段
  var str="hello world !!!";
  alert(str);
}
輸出結(jié)果：
JavaScript入門之三種引入方式怎么使用
到此，關(guān)于“JavaScript入門之三種引入方式怎么使用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！
            
            
                                                            

                                                網(wǎng)站名稱：JavaScript入門之三種引入方式怎么使用                                                

                                                文章出自：http://www.dlmjj.cn/article/jehjes.html