JavaScript示例很容易编码。 JavaScript提供三个地方可以放置JavaScript代码:在body标签内,在head标签内和外部JavaScript文件中。
让我们创建第一个JavaScript示例。
<script type="text/javascript">
document.write("JavaScript is a simple language for javatpoint learners");
</script>
脚本标签指定我们正在使用JavaScript。
text/javascript是一种提供给浏览器有关数据的内容类型。
document.write()函数用于通过JavaScript显示动态内容。稍后我们将详细学习document对象。
放置JavaScript代码的三个位置
- 在html的body标签之间
- 在html的head标签之间
- 在.js文件中(外部JavaScript)
JavaScript示例:代码位于body标签之间
在上面的示例中,我们使用JavaScript显示了动态内容。让我们看一个简单的JavaScript示例,显示警告对话框。
<script type="text/javascript">
alert("Hello Javatpoint");
</script>
JavaScript 示例:head 标签之间的代码
让我们来看一个相同的 JavaScript 的示例,显示在 head 标签中包含的警告对话框。
在这个示例中,我们正在创建一个名为 msg() 的函数。在 JavaScript 中创建函数,只需按照以下格式书写函数名即可。
要调用函数,您需要处理事件。这里我们使用 onclick 事件来调用 msg() 函数。
<html>
<head>
<script type="text/javascript">
function msg(){
alert("Hello Javatpoint");
}
</script>
</head>
<body>
<p>Welcome to JavaScript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>