JavaScript是一种基于对象的脚本编程语言，具有动态、跨平台、基于对象和安全等特性。它不需要经过编译，而是直接嵌入在HTML页面中运行，可把单纯的HTML页面转变成支持用户交互和事件响应的动态页面。
在HTML中的使用JavaScript共有三种方法。
一、在页面中直接嵌入JavaScript
通过标签，可以在网页中直接插入Javascript脚本。下面来看两个示例：
示例1：
<html>
<head>
<title>JavaScript简介</title>
<script> alert(“JavaScript”); </script>
</head>
<body>
</body>
</html>
这个例子中，标签放在head标签中。
示例2：
<html>
<head>
<title>JavaScript简介</title>
</head>
<body>
<script> alert(“JavaScript”); </script>
</body>
</html>
这个例子中，标签放在body标签中。
以上两种方法均可正确执行Javascript。
二、链接外部JavaScript文件
首先，新建一个文件夹，这里示例为myweb文件夹。
接着，在myweb文件夹中，新建两个文件，index.html和JavaScript.js。
然后，在JavaScript.js文件中写入一行Javascript代码：
document.write(“Javascript”);
最后，在index.html中，添加标签，引入JavaScript.js文件。
<html>
<head>
<title>JavaScript文档</title>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
</body>
</html>
三、作为标签的属性值使用
HTML文档中可以在标签、标签中使用JavaScript脚本作为它们的属性值。
1.通过“javascript:”调用js函数
<html>
<head>
<title>JavaScript文档</title>
</head>
<body>
<a href="javascript:alert('你好JavaScript')">测试</a>
</body>
</html>
2.在事件中调用Javascript函数
<html>
<head>
<title>JavaScript文档</title>
</head>
<body>
<input type="button" value="测试" onclick="alert('你好JavaScript ')" />
</body>
</html>
今天的文章JavaScript程序基础（一）网页中引入Javascript的三种方法分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/12583.html
