close
在開發網頁時，時常會將Javascript寫在外部的js檔並直接呼叫使用。在實用面上，如何傳遞參數給該外部js檔使用呢？除了預先在頁面的Javascript區段定義好全域變數供其使用(此方法若全域變數名稱有變動，js亦需要跟著變動)，還有另一種利用屬性帶值的方式，以下程式碼簡單示範一下。
HTML
<!--引用外部js 檔-->
<script src ='demo.js' type='text/javascript' data ='data' ></script>
js
// 取得所有 tag名稱為script的 element
var scripts = document.getElementsByTagName('script' );
// 取得最後一個 (也就是現在執行的這一個 )element
var currentScript = scripts[ scripts.length - 1];
// 將data屬性的值取出
var data = currentScript.getAttribute('data' );
利用data這個屬性，我們可以透過簡單的Javascript，取得最後一個tag為script的element，也就是目前HTML執行呼叫的該element，直接取得該data屬性(data屬性只是demo用，名稱可以隨意取。)即可當作參數使用，不需在HTML裡面再撰寫Javascript，是不是很方便呢？
文章標籤
全站熱搜
留言列表
Technology (30)
