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>

实例演示:

请点击这里

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)