（一）JS三种调用方式

最新推荐文章于 2023-02-25 23:47:27 发布

l93919861

最新推荐文章于 2023-02-25 23:47:27 发布

阅读量2k

点赞数

分类专栏： JavaScript JavaScript学习笔记文章标签： JavaScript

本文链接：https://blog.csdn.net/l93919861/article/details/90113750

版权

JavaScript 同时被 2 个专栏收录

4 篇文章 1 订阅

订阅专栏

JavaScript学习笔记

3 篇文章 0 订阅

订阅专栏

1.html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="D:\WebstormProjects\untitled\3.js" type="text/javascript" charset="utf-8" ></script>
</head>
<body>
<input type="button" value="点击" onclick="test()">
</body>
</html>

2.外部链接JS代码

/**
 * 第一个JavaScript
 */
function test()
{
    alert('这是一个外部JavaScript测试按钮');
}

3.内部js：script里的程序整个页面都可以用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式2：内部js</title>
    <script type="text/javascript">
        //声明一个函数(整个文档都可以使用)
        function surprise() {
            alert('恭喜你中了一百万')/*弹出框*/
        }
    </script>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数-->
<input type="button" value="点击" onclick="surprise()">
</body>
</html>

4.JS的行内调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式1：行内js</title>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')">
<!--onclick:点击触发一个事件，alert：弹出一个对话框-->
</body>
</html>

l93919861

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
（一）JS三种调用方式

1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="D:\WebstormProjects\untitled\3.js" type="te...
复制链接

扫一扫