css及js呼叫方法
資訊彙總自網際網路:
css呼叫方法:
1. 連結樣式表 同樣是新增在HTML的頭資訊識別符號<head>裡
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
2. 新增在HTML的頭資訊識別符號<head>裡
<head>
<style type="text/css">
</style>
</head>
3. 使用style屬性對標籤載入樣式
<p style="font-size: 12px;color: #000;">使用css</p>
這種方法雖然簡單易用,但是不推薦使用這種方法,這種方法無法展現出樣式表
的優勢:縮短修改時間提高工作量。
4. @import
<style type="text/css" media="screen">
@import "all.css";
</style>
link和@import的區別:服務物件不一樣,@import 為CSS服務,link是為當
前的頁服務, @import會優先執行。
JS呼叫方法:
1. JavaScript採用的格式如下:
<Script Language="JavaScript">
JavaScript 語句
</Script>
<script language="javascript" type="text/javascript">
javascript語句
</script>
2. 在瀏覽器位址列直接執行JavaScript指令碼
如輸入:javascript:alert(200*75)
3. 呼叫js檔案
<script language="JavaScript" src="test.js">
</script>
4.
//程式程式碼
document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" > <\/script>");
JS呼叫順序(摘自:javascript入門經典第四版P33):
1. 在一個web文件中可能包含多個指令碼,一個或多個script標籤,外部的javascript檔案以及一些事件處理程式。瀏覽器怎麼樣知道先執行哪個指令碼?
(1) 在HTML文件中,先執行<head>內的一組<script>標籤,無論該內容是嵌入程式碼或是指向一個javascript檔案。因為這些指令碼不能在web頁面上建立輸出,
所以這個位置定義以後要使用的函式是非常合適的。
(2) 在html文件中,隨後會執行<body>之內的一組script標籤,同時web頁面下載並顯示他。如果在body之內有多個指令碼,則按照先後順序執行。
(3)當事件發生時,事件處理程式被執行。