Home思洋影视事业部网站建设知识库
0 Comments

JavaScript在HTML中的嵌入方式

发布于：2012-11-16  |   作者：广州网站建设  |   已聚集：人围观
JavaScript基础

JavaScript是一种高安全性的脚本语言，它基于对象（Object）和事件驱动（Event Driven）。JavaScript作为动态网页制作的编程语言，被广泛地应用于Web页面处理页面逻辑中。在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现，使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。JavaScript语言本身十分简练，又是在客户端执行，因此大大提高了网页的浏览速度和交互能力。广州网站设计

1.3.1  JavaScript在HTML中的嵌入方式

JavaScript作为客户端的脚本语言，主要的用途就是帮助HTML处理部分交互逻辑。JavaScript语言同其他脚本语言一样，通过控制语句、函数、对象方法属性等来实现编程。先来介绍JavaScript是如何同HTML交互的，也就是嵌入的方式。根据JavaScript在HTML中加载方式的不同，嵌入方式可以分为内部引用、外部引用和内联引用。

1．内部引用

通过<Script></Script>标记嵌入JavaScript，这是最常用也是最简便的一种引用方式，可以在HTML代码的任何位置嵌入。广州网站设计



    
	
  1. 
		<head> 
    2. 
	
  2. 
		    <script type="text/javascript"> 
    3. 
	
  3. 
		    document.write（"Hello world!"）;  
    4. 
	
  4. 
		    </script> 
    5. 
	
  5. 
		</head> 
    6. 




	2．外部引用



	通过引用HTML文件的方式加载JavaScript文件，这种方式可以使HTML代码更简洁，方便代码复用。广州网站设计




    
	
  1. 
		<head> 
    2. 
	
  2. 
		    <script type="text/javascript" src=ga.js"></script> 
    3. 
	
  3. 
		</head> 
    4. 




	 

标准加载方法是把JavaScript文件放到head标记内，但对于一些非关键的JavaScript文件，可以放到HTML文件的底部（如一些流量统计代码）。这样做可以提高网页访问速度，获得更好的用户体验，代码位置如下：    广州网站建设

    
	
  1. 
		    <script type="text/javascript" src="ga.js"></script> 
    2. 
	
  2. 
		    </body> 
    3. 
	
  3. 
		</html>    
    4. 




	3．内联引用



	通过HTML标记的触发事件属性实现，比如通过onclick事件直接调用JavaScript代码。在HTML中有很多这样的事件属性，通常都是配合JavaScript这样的前端脚本语言来使用，示例代码如下：广州网站建设



	 




    
	
  1. 
		<input type="button" value="" onclick="alert（'你内联引用的方式调用了JavaScript代码'）;"> 
    2. 




	【代码解读】



	以上代码会在页面生成一个按钮标记，当单击该按钮时会调用input标记的onclick属性，弹出一个提示框。



	在实际应用中，以上3种方法通常会根据不同需求组合使用。广州网站建设


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机