1. 主页
  2. 文档
  3. JavaScript 教程
  4. JavaScript基础教程
  5. JavaScript 示例

JavaScript 示例

Javascript 示例很容易编码。JavaScript 提供了 3 个放置 JavaScript 代码的位置:body 标签内、head 标签内和外部 JavaScript 文件。

让我们创建第一个 JavaScript 示例

<script type="text/javascript"> 
document.write("JavaScript is a simple language for 52learnprogram learners"); 
</script> 

script 标记指定我们使用JavaScript。

text/javascript是为了关于数据的浏览器提供的信息的内容类型。

document.write()的函数被用来显示通过JavaScript动态内容。稍后我们将详细了解document对象。

3 个放置 JavaScript 代码的地方

  1. 在html的body标签之间
  2. 在html的head标签之间
  3. 在 .js 文件中(外部 javaScript)

1) JavaScript 示例:body 标签之间的代码

在上面的示例中,我们使用 JavaScript 显示了动态内容。让我们看看显示警报对话框的简单 JavaScript 示例。

<script type="text/javascript"> 
alert("Hello 52learnprogram"); 
</script> 

2) JavaScript 示例:head 标签之间的代码

让我们看一下显示包含在 head 标记内的 JavaScript 警报对话框的相同示例。

在这个例子中,我们正在创建一个函数 msg()。要在 JavaScript 中创建函数,您需要使用 function_name 编写函数,如下所示。

要调用函数,您需要处理事件。这里我们使用 onclick 事件来调用 msg() 函数。

<html> 
<head> 
<script type="text/javascript"> 
function msg(){ 
alert("Hello 52learnprogram"); 
} 
</script> 
</head> 
<body> 
<p>Welcome to JavaScript</p> 
<form> 
<input type="button" value="click" onclick="msg()"/> 
</form> 
</body> 
</html> 

 

这篇文章对您有用吗?