JavaScript嵌入到html的方式

今天學習了javascript相關的書籍,突然對javascript靈活多變的語法感到困惑,參考了網上的優秀文章,加以自己的理解,寫下一篇博客,與大家分享學習的經驗。

JavaScript作爲客戶端的腳本語言,主要的用途就是幫助HTML處理部分交互邏輯。JavaScript語言同其他腳本語言一樣,通過控制語句、函數、對象方法屬性等來實現編程。先來介紹JavaScript是如何同HTML交互的,也就是嵌入的方式。根據JavaScript在HTML中加載方式的不同,嵌入方式可以分爲內部引用、外部引用和內聯引用。

1.內部引用

通過<Script></Script>標記嵌入JavaScript,這是最常用也是最簡便的一種引用方式,可以在HTML代碼的任何位置嵌入

<head>
<script
type="text/javascript">
document.write("Hello world!");
</script></head>
2.外部引用
通過引用HTML文件的方式加載JavaScript文件,這種方式可以使HTML代碼更簡潔,方便代碼複用
<head>
<script
type="text/javascript" src="路徑"> </script>
</head>
可以放在<head>標籤內,如果是非關鍵javascript代碼可以放在後面.
3.內聯引用
通過HTML標記的觸發事件屬性實現,比如通過onclick事件直接調用JavaScript代碼。在HTML中有很多這樣的事件屬性,通常都是配合JavaScript這樣的前端腳本語言來使用,示例代碼如下
<input type="button" value="" οnclick="alert('你內聯引用的方式調用了JavaScript代碼');">

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章