JavaScript教程-JavaScript示例
在这里,我们将展示一个JavaScript示例,它可以在页面的不同位置放置JavaScript代码:在body标签内,head标签内以及外部的JavaScript文件中。
让我们创建第一个JavaScript示例。
JavaScript示例:在body标签内
<script type="text/javascript">
document.write("JavaScript is a simple language for javatpoint learners");
</script>
在上面的示例中,我们使用JavaScript显示了动态内容。我们稍后将详细了解有关document对象的内容。
放置JavaScript代码的3个位置
- 在html的body标签之间
- 在html的head标签之间
- 在.js文件中(外部的JavaScript)
1) JavaScript示例:在body标签之间的代码
让我们看一下使用JavaScript显示警示对话框的简单示例。
htmlCopy code<script type="text/javascript">
alert("Hello Javatpoint");
</script>
2) JavaScript示例:在head标签之间的代码
让我们看一下包含在head标签内部的显示警示对话框的JavaScript示例。
在此示例中,我们创建了一个名为msg()的函数。要在JavaScript中创建函数,您需要按照以下格式写函数名称:
<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>