CSS和JavaScript在Web開發中起著非常重要的作用。全局CSS和JavaScript是指應用于整個網站的樣式表和代碼文件。
全局CSS是指包含對網站所有頁面和元素的定義的樣式表。所有相關樣式都在一個文件中定義,并通過應用于每個頁面來達到一致性。全局CSS包含重置樣式、排版、顏色和字體等。
/* 全局CSS */ html, body, div, ul, ol, li, a, img, span { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; }
全局JavaScript文件包含了所有的通用函數和腳本,它們被存儲在一個單獨的文件中并被應用于整個網站。全局JavaScript主要包括表單驗證、菜單、輪播、跑馬燈效果和頁面加載等。
/* 全局JavaScript */ function validateForm() { var name = document.forms["myForm"]["name"].value; if (name == "") { alert("請輸入您的姓名"); return false; } var email = document.forms["myForm"]["email"].value; if (email == "") { alert("請輸入您的郵箱"); return false; } var message = document.forms["myForm"]["message"].value; if (message == "") { alert("請輸入您的留言"); return false; } } $(document).ready(function(){ $('.menu-toggle').click(function(){ $('nav').toggleClass('active') }) }) $(document).ready(function(){ $('.slider').slick({ autoplay: true, arrows: false, dots: true, fade: true, cssEase: 'linear' }) })
全局CSS和JavaScript大大簡化了網站的維護和升級。如果您更改了這些文件中的任何一部分,您的整個網站將受到影響,這將比單獨更改每個頁面或元素更為便捷。