<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 閱讀(2737) 評論(0)  編輯  收藏  所屬分類: Web 客戶端技術 
		
    
	
    
	
	


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
黄桃AV无码免费一区二区三区|
国产成人亚洲综合a∨|
国产精品视频永久免费播放|
亚洲 日韩 色 图网站|
亚洲一区二区影院|
亚洲av无码不卡一区二区三区|
国产精品亚洲综合网站|
永久亚洲成a人片777777|
亚洲国产成人久久综合区|
国产精品免费综合一区视频|
好吊妞视频免费视频|
大地资源免费更新在线播放|
亚州免费一级毛片|
国产福利视精品永久免费|
天天看免费高清影视|
国产免费拔擦拔擦8x|
伊在人亚洲香蕉精品区麻豆|
丁香亚洲综合五月天婷婷|
久久久久亚洲精品中文字幕
|
日本视频免费高清一本18|
五月天婷婷免费视频|
国产激情久久久久影院老熟女免费
|
色www永久免费视频|
全免费一级午夜毛片|
日本高清免费不卡在线|
成年人在线免费观看|
国产a不卡片精品免费观看|
亚洲精品美女久久久久99小说|
午夜老司机永久免费看片|
在线视频精品免费|
免费日韩在线视频|
精品亚洲成在人线AV无码|
a级毛片免费高清视频|
91嫩草免费国产永久入口|
亚洲精品456播放|
国产亚洲无线码一区二区|
亚洲av无码片在线观看|
中文字幕免费观看视频|
韩国日本好看电影免费看|
亚洲综合在线视频|
大妹子影视剧在线观看全集免费|