<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	
    
		
			

    

    Flyingis
    

    Talking and thinking freely !
    
Flying in the world of GIS !
    

    

    

    隨筆 - 156, 文章 - 16, 評論 - 589, 引用 - 0
    

    


    		
	
    

    

    
	
    
		
			
    
				數據加載中……
			
    
		    		
		
			
    
				
					
	
    
		
    
			瀏覽器中的 JavaScript
		
    
		
    
		
		??? 作者：Flyingis

    ??? 之前寫過不少JavaScript基礎的隨筆，基本上都是針對其語法、語言結構來論述的。但是，現在使用JavaScript最多的地方是在瀏覽器中，這里就簡單談談瀏覽器中使用JavaScript。

    ??? 在瀏覽器中使用JavaScript分為內聯和外聯兩種方法，和CSS比較相似。

    ??? 內聯

    <html>
    <head>
    <title>內聯</title>
    <script?language="JavaScript">
    ??    function?message()?{
    ????alert(    "Good?Day?!");
    ??}
    </script>
    </head>
    <body></body>
    </html>

    ??? 外聯

    <html>
    <head>
    <title>外聯</title>
    <script?language="JavaScript"?src="../path/external.js"></script>
    </head>
    <body></body>
    </html>
    
		
				
    ??? 在external.js中，可以包含任何js代碼，例如類的定義、方法函數等。相比之下，使用外聯方法引用js文件可以做到更安全、代碼更容易管理、節省資源開銷。之所以能節省資源開銷，是因為當兩個頁面同時使用一個js文件時，該js文件只會被下載一次，避免的相同代碼重復下載增加頁面的代碼量。

    ??? 網頁中的JavaScript源代碼一般放置在<head></head>區域，當寫在<body></body>中時，一旦頁面加載就會執行body中的JavaScript代碼，無法人工控制代碼的執行。如果需要頁面加載時同時執行JavaScript方法，則需要在head中定義該方法，否則系統會報錯。

    ??? JavaScript最初只有一種瀏覽器的支持，因此，需要一種方法將JavaScript代碼隱藏在老的瀏覽器中，避免對JavaScript解析產生錯誤，這就是我們過去經常可以看到的，在代碼前后加上<!--><//-->，在現在看來，這種方法已經沒有必要了，一是因為使用外聯方式引用JavaScript代碼更加合適，二是當前主流瀏覽器對JavaScript的支持已經越來越多，當然也就能正確識別JavaScript代碼。

    ??? 在瀏覽網頁時，當某張圖片無法顯示時，可以通過文字來替換它，當網頁不支持某段JavaScript代碼時，我們也能通過一種替代的方式來提醒用戶自己的瀏覽器不支持JavaScript或禁止了JavaScript，即使用<noscript></noscript>，放置在body區域中。

    ??? 隨著XHTML(eXtensible HTML)標準的出現，<script>標簽也出現了一些變化，過去我看到有的頁面在<script>標簽中使用languange屬性，有的使用type屬性，當時沒怎么注意，其實后者正是XHTML出現后所定義的，可以為JavaScript設置mime類型為"text/javascript"。

    ??? XHTML帶來的另外一個變化就是使用CDATA，使用CDATA可以在表達式中使用一些特殊字符，增強代碼的可讀性，避免使用"&lt"、"&gt"來分別表示小于和大于。

    <script?type="text/javascript">
    <![CDATA[
    ??    function?comp(a,?b)?{
    ????    if?(a?>?b)
    ??????alert(    "a?is?bigger?than?b");
    ????    else
    ??????alert(    "a?is?not?bigger?than?b");
    ??}
    ]]    >
    </script>

    ??? 代碼中大于和引號均使用了我們常見的書寫形式，避免了使用XML實體所帶來的閱讀上的困難。當然，這也存在舊的瀏覽器無法識別CDATA的問題，需要我們加入注釋來隱藏CDATA標簽。大家可以想到，最好的辦法還是使用外聯的方法使用JavaScript。

    <script?type="text/javascript">
    //<![CDATA[
    ??function?comp(a,?b)?{
    ????    if?(a?>?b)
    ??????alert(    "a?is?bigger?than?b");
    ????    else
    ??????alert(    "a?is?not?bigger?than?b");
    ??}
    //]]>
    </script>

    ??? 雖然部分瀏覽器還不完全支持XHTML，但我們應該盡量按照XHTML標準來書寫代碼，使得該標準能夠獲得更大更廣泛的支持。    

		
    
		
    
			posted on 2006-08-31 20:01 Flyingis 閱讀(2746) 評論(0)  編輯  收藏  所屬分類: Web 客戶端技術 
		
    
	
    
	
	


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
国产aⅴ无码专区亚洲av麻豆|
国内精品久久久久久久亚洲|
亚洲精品无码鲁网中文电影|
亚洲黄色免费在线观看|
亚洲熟女综合色一区二区三区|
曰批全过程免费视频免费看
|
亚洲第一se情网站|
成人妇女免费播放久久久|
日韩视频在线精品视频免费观看|
免费一级毛片免费播放|
久久久久亚洲av无码专区|
羞羞视频在线免费观看|
国产大片免费网站不卡美女|
国产亚洲大尺度无码无码专线
|
国产亚洲精品无码拍拍拍色欲|
亚洲sss综合天堂久久久|
国产乱子伦精品免费视频|
日本牲交大片免费观看|
亚洲小视频在线观看|
一级黄色免费大片|
在线免费一区二区|
国产成人亚洲精品91专区手机|
亚洲jjzzjjzz在线观看|
暖暖日本免费中文字幕|
日韩在线观看免费|
亚洲黄色免费电影|
久久成人无码国产免费播放|
婷婷精品国产亚洲AV麻豆不片|
一级做a爰片性色毛片免费网站|
国产亚洲精品成人AA片新蒲金|
久久久久久久99精品免费观看|
亚洲中文字幕无码专区|
鲁丝片一区二区三区免费|
亚洲精品二三区伊人久久|
国产免费拔擦拔擦8x|
亚洲国产区男人本色|
毛片在线看免费版|
亚洲一区二区三区夜色|
在线观看亚洲免费|
性xxxxx大片免费视频|
亚洲精品一品区二品区三品区|