溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹CSS中如何引用外部樣式表、內部樣式表和內聯樣式，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
JavaScript 簡介
JavaScript 是腳本語言。
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面后，可由所有的現代瀏覽器執行。
JavaScript 是世界上最流行的編程語言。這門語言可用于 HTML 和 web，更可廣泛用于服務器、PC、筆記本電腦、平板電腦和智能手機等設備。
JavaScript：寫入 HTML 輸出
<!DOCTYPE html>
<html>
<body>
<p>
JavaScript 能夠直接寫入 HTML 輸出流中：
</p>
<script>
document.write("<h2>This is a heading</h2>");
document.write("<p>This is a paragraph.</p>");
</script>
<p>
您只能在 HTML 輸出流中使用 document.write。
如果您在文檔已加載后使用它（比如在函數中），會覆蓋整個文檔。
</p>
</body>
</html>
JavaScript：對事件作出反應
<!DOCTYPE html>
<html>
<body>
<h2>我的第一段 JavaScript</h2>
<p>
JavaScript 能夠對事件作出反應。比如對按鈕的點擊：
</p>
<button type="button" onclick="alert("Welcome!")">點擊這里</button>
</body>
</html>提示：alert() 函數在 JavaScript 中并不常用，但它對于代碼測試非常方便。
提示：onclick 事件只是您即將在本教程中學到的眾多事件之一。
JavaScript：改變 HTML 內容
<!DOCTYPE html>
<html>
<body>
<h2>我的第一段 JavaScript</h2>
<p id="demo">
JavaScript 能改變 HTML 元素的內容。
</p>
<script>
function myFunction() {
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改變內容
}
</script>
<button type="button" onclick="myFunction()">點擊這里</button>
</body>
</html>提示：使用 JavaScript 來處理 HTML 內容是非常強大的功能。
您會經常看到 document.getElementByID("some id")。這個方法是 HTML DOM 中定義的。
DOM（文檔對象模型）是用以訪問 HTML 元素的正式 W3C 標準。
JavaScript：改變 HTML 圖像
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage() {
element=document.getElementById("myimage")
if (element.src.match("bulbon")) {
element.src="../images/light-off.gif";
}
else {
element.src="../images/light-on.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="../images/light-off.gif">
<p>點擊燈泡來點亮或熄滅這盞燈</p>
</body>
</html>注釋：本例會動態地改變 HTML <image> 的來源 (src)：
提示：JavaScript 能夠改變任意 HTML 元素的大多數屬性，而不僅僅是圖片。
JavaScript：改變 HTML 樣式
<!DOCTYPE html>
<html>
<body>
<h2>我的第一段 JavaScript</h2>
<p id="demo">
JavaScript 能改變 HTML 元素的樣式。
</p>
<script>
function myFunction() {
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改變樣式
}
</script>
<button type="button" onclick="myFunction()">點擊這里</button>
</body>
</html>提示：改變 HTML 元素的樣式，屬于改變 HTML 屬性的變種。
JavaScript：驗證輸入
<!DOCTYPE html>
<html>
<body>
<h2>我的第一段 JavaScript</h2>
<p>
請輸入數字。如果輸入值不是數字，瀏覽器會彈出提示框。
</p>
<input id="demo" type="text">
<script>
function myFunction() {
var x=document.getElementById("demo").value;
if(x==""||isNaN(x)) {
alert("Not Numeric");
}
}
</script>
<button type="button" onclick="myFunction()">點擊這里</button>
</body>
</html>注釋：JavaScript 常用于驗證用戶的輸入。
您知道嗎？
JavaScript 與 Java 是兩種完全不同的語言，無論在概念還是設計上。
JavaScript 標準的官方名稱是 ECMA-262。而 Java（由 Sun 發明）是更復雜的編程語言。
JavaScript 由 Brendan Eich 發明。它于 1995 年出現在 Netscape 中（該瀏覽器已停止更新），并于 1997 年被 ECMA（一個標準協會）采納。
以上是“CSS中如何引用外部樣式表、內部樣式表和內聯樣式”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
