01JavaScript簡介及放置位置

①JavaScript簡介

JavaScript最初由Netscape公司的Brendan Eich設計,最初命名爲LiveScript,是一種動態、弱類型、基於原型的語言。後來,Netscape與Sun公司進行合作,將LiveScript改名爲JavaScript。JavaScript的設計最初受到Java啓發,語法上與Java有很多類似之處,並借用了許多Java的名稱和命名規範。(我真的不是Java的兒子)

JavaScript是一種基於對象和事件驅動並具有相對安全性的客戶端腳本語言,被廣泛應用於各種客戶端Web程序尤其是HTML開發中,能給HTML網頁添加動態功能,響應用戶各種操作,實現諸如歡迎信息、數字日曆、跑馬燈,顯示瀏覽器停留時間等特殊效果,提高網頁的可觀性。

簡單來說,JavaScript具有如下特點:
1.簡單性
2.安全性
3.動態性

4.跨平臺性

②放置位置:可放置在頁面的head或body部分。

>當頁面載入時,會執行位於body 部分的JavaScript

>而位於head部分的JavaScript只有被顯式調用時纔會被執行

可將JavaScript函數單獨寫成一個js文件,在HTML文檔中引用該js文件。 
直接寫在事件處理代碼中。 

<html>
 <head>
  <title>JavaScript基礎 </title>
  <script type="text/javascript" src="demo.js"> </script>		//引入外部JS
  <script type="text/javascript">		//頭部插入JS(一般方法都寫這)
  <!--
	function show(){
	document.write("這是事件調用JS");	
	}
  //-->	
	  //    <!--      //-->    和CSS一樣也是防止瀏覽器不支持
  </script>
  </head>


<body >   
<p>這是普通的HTML頁面內容!</p>
   <script type="text/javascript">      				 //主體插入JS
        /* 這是直接調用JS*/
	document.write("這是直接調用JS");
     </script>
   <p>Hello,</p>
   <comment>這是外部調用JS文件</comment>
   <script type="text/javascript"> sayName();</script>		         //引用外部JS
   <p οnclick="show();" style="background:#00ff00 ">事件調用!</p>	 //事件調用JS
   <p οnclick="alert('這是行內調用!');">hello</p>
   <a href="javascript:alert('Hello World!!');">這是行內調用--簡約化</a> //簡約化使用JS
 </body>
</html>

使用外部js文件需要注意編碼問題。外部文件實現原理是:瀏覽器將外部文件內容複製過來嵌入到HTML頁面中,再執行,這個複製過程是一個二進制的拷貝,因此,HTML頁面與js文件的編碼不一致或者不兼容,就會產生問題(亂碼、不能執行等)。  解決方法是統一兩者的編碼,現在通用的是utf-8編碼。改變編碼的方法:1、用記事本打開文件,文件-另存爲,在“編碼選擇”下拉框選擇utf-8,保存覆蓋原文件即可。2、使用<script>的charset屬性,指定外部文件編碼方式,例如:下面代碼表示外部js文件是以gb2312編碼的:
 <script type="text/javascript" src="welcome.js" charset="gb2312"></script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章