JavaScript中很常見的一個字符序列就是“javascript:”,它可以被放在HTML標簽的href屬性中,使得點擊該標簽時執行JavaScript腳本。這是一種簡單而快速的方法來執行某些JavaScript操作。比如:
點擊這個鏈接會在控制臺輸出文本
點我上面的代碼中,我們使用了“javascript:”字符序列將一條console.log語句嵌入了一個標簽的href屬性中。這樣當用戶點擊這個鏈接時,控制臺就會輸出“Hello World!”。 雖然這種方法簡單易懂,但它也帶來了一些問題。因為JavaScript腳本的執行取決于用戶點擊該鏈接,所以當用戶禁用了JavaScript或者沒有點擊鏈接時,JS腳本就不會被執行。此外,如果需要在多個頁面中使用同一JS腳本時,每個頁面都需要使用這個“javascript:”字符序列來引用JS腳本,這樣會使代碼難以維護。 所以,使用“javascript:”字符序列來引用JS腳本不是一個好的編程習慣。更好的方法是將JS腳本放在一個單獨的JS文件中,并通過點我接下來創建一個單獨的JS文件(假設文件名為“my_script.js”),將上面的console.log語句嵌入到其中。 console.log('Hello World!'); 最后,我們給鏈接添加一個id屬性(如上面的“click-me”),并在JavaScript代碼中添加一個事件監聽器。這樣,當用戶點擊鏈接時,JS腳本就會被執行。 document.getElementById('click-me').addEventListener('click', function() { console.log('Hello World!'); }); 總之,“javascript:”字符序列很方便,但不推薦使用。使用單獨的JS文件來引用JS腳本是更好的選擇,它可以提高代碼的可維護性,并且可以使JS腳本在所有頁面上都能正常工作。下一篇div 按鈕6