1. 程式人生 > >css及js呼叫方法

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)當事件發生時,事件處理程式被執行。