JavaScript的三种用法

JavaScript 必需嵌入到 HTML 文档,才能被浏览器解释和执行。将JavaScript 脚本嵌入到 HTML 文档中有3种标准方法:通过script标签嵌入;引入外部脚本; 在 HTML 属性中直接嵌入。

一、通过<script>标签嵌入

通过<script>标签嵌入JavaScript代码时,必需将代码放在 <script> 和 </script> 标记对之间。范例代码如下:

<script>

document.write("这是通过<script>标签嵌入的代码");  // 输出语句

</script>

浏览器载入HTML文档时,会识别 <script> 标签,执行其中的 JavaScript 代码,然后将结果返回并在浏览器窗口显示。

二、引入外部的JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件,范例代码如下:

<!DOCTYPE html>

<html>

<body>

<script src="myScript.js"></script>

</body>

</html>

你可以将脚本放置于 <head> 或者 <body>中 实际运行效果与您在 <script> 标签中编写脚本完全一致。

三、HTML标签中直接嵌入JavaScript

在HTML属性中嵌入JavaScript代码主要是针对JavaScript事件。JavaScript事件是指用户对网页进行操作时,网页做出相应的响应。范例代码如下:

<html>

<head>

<title>鼠标单击事件</title>

</head>

<bdoy>

<p onclick="alert('你已经点击了我!');">请点击这里</p>

</body>

</html>

实例演示:

请点击这里

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小