求知 文章 文库 Lib 视频 Code iProcess 课程 认证 咨询 工具 火云堂 讲座吧   成长之路  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 

Javascript教程
Javascript语法
在浏览器启用Javascript
在HTML中配置Javascript
Javascript变量和数据类型
Javascript运算符
Javascript if...else 语句
Javascript Switch Case
Javascript while循环
Javascript for循环
Javascript for...in循环
Javascript循环控制
Javascript函数
Javascript事件
Javascript Cookies
Javascript页面重定向
Javascript对话框
Javascript void关键词
Javascript页面打印
Javascript对象
Javascript Number对象
Javascript Boolean对象
Javascript String对象
Javascript Arrays对象
Javascript Date对象
Javascript Math对象
正则表达式和RegExp对象
Javascript文档处理模型
Javascript错误和异常处理
Javascript表单验证
Javascript动画
 
 

在HTML文件放置JavaScript
78 次浏览
16次  
 捐助

在HTML文档中的任何地方可包括JavaScript代码。但也有以下的最佳方法来包含JavaScript在HTML文件。

在 <head>...</head> 部分.

在 <body>...</body> 部分.

在<body>...</body> 和<head>...</head> 部分.

脚本和外部文件,然后包括在<head>... </ head>部分。

在下面的章节中,我们将看到如何可以包含JavaScript方式的不同:

在JavaScript的<head>... </ head>部分:

<html>  
<head>  
<script type="text/javascript">  
<!--  function sayHello() 
{     
alert("Hello World")  
}  
//-->  
</script>  
</head>  
<body>  
<input type="button" onclick="sayHello()" value="Say Hello" />  
</body>  
</html>  

如果你想在一些事件上运行一个脚本,当用户点击某个地方,如,那么应该脚本的头部,如下所示:

这将产生以下结果:

 

JavaScript在<body>... </ body>部分:

如果需要一个脚本的页面加载,以便脚本生成页面内容来运行,该脚本在文档的<body>部分。在这种情况下,就不必使用JavaScript定义的所有功能:

<html>  
<head>  
</head>  
<body>  
<script type="text/javascript">  
<!--  document.write("Hello World")  
//-->  
</script>  
<p>This is web page body </p>  
</body>  
</html> 

 

JavaScript 在<body> 和 <head> 部分:

<html>  
<head>  
<script type="text/javascript">  
<!--  function sayHello() {     
alert("Hello World")  
}  
//-->  
</script>  
</head>  
<body>  
<script type="text/javascript">  
<!--  document.write("Hello World")  
//-->  
</script>  
<input type="button" onclick="sayHello()" value="Say Hello" />  
</body>  
</html>  

你可以把JavaScript代码在<head>和<body>部分完全如下:

在JavaScript外部文件:

当开始工作,更广泛地使用JavaScript,可能会发现有情况下,在站点的多个页面重用相同的JavaScript代码。

你并不局限于将保持在多个HTML文件相同的代码。 script标签提供了一种机制,允许存储JavaScript在外部文件中,然后将其包含到HTML文件。

下面是一个例子来说明如何使用脚本标记和src属性包含在HTML代码的外部JavaScript文件:

<html>  
<head>  
<script type="text/javascript" src="filename.js" >
</script>  
</head>  
<body>  .......  
</body>  
</html>

使用JavaScript从外部文件源,则需要使用扩展写下所有的JavaScript代码在一个简单的文本文件“.js”,然后包括文件,如上图所示。

例如,你可以保持在以下文件filename.js的内容,然后包括filename.js文件后,在HTML文件中使用sayHellofunction:

function sayHello() {     alert("Hello World")  }

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



78 次浏览
16次
 捐助
 


每天2个文档/视频
扫描微信二维码订阅
订阅技术月刊
获得每月300个技术资源
 
 

关于我们 | 联系我们 | 京ICP备10020922号 京公海网安备110108001071号