您的位置：首页 > 技术中心 > 前端框架 >

javascript的引用方式是什么

时间：2022-03-10 15:15

JavaScript的引用方式：1、行内引用，通过标签中的事件属性引用js；2、内部引用，通过script标签编写js代码；3、外部引用，通过script标签引用独立的js文件。

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript的引用方式是什么

js的引用方式: 3种

1. 行内引用: 通过在开标签中的事件属性引用js的函数

2. 内部引用: 通过在script标签中编写js代码使用

1) script标签可以写在页面任何位置

2) script标签通常使用在body中的最后, 或者body的后面

3. 外部引用:

步骤:

1) 编写独立的js文件

2) 在页面中通过script标签引用

分别介绍一下：

1. 行内引用: 通过在开标签中的事件属性引用js的函数

行内引用示例:

        <input type="button" value="点点我试试" onclick="alert('试试就试试')">
 
        <button onclick="confirm('确定退出吗?')">退出</button>
 
        <form action="http://www.baidu.com" onsubmit="return confirm('确定去百度吗?')">
            <input type="submit" value="去百度">
        </form>
        <a href="http://www.taobao.com" onclick="return confirm('逛淘宝吗?')">去淘宝</a>

2. 内部引用: 通过在script标签中编写js代码使用

1) script标签可以写在页面任何位置

2) script标签通常使用在body中的最后, 或者body的后面

示例:

        <body>
            <div>
                <input id="btn1" type="button" value="你猜我的效果是啥?">
            </div>
        </body>
        <script>
 
            function guess(){
                alert(this.value);
            }
            document.getElementById("btn1").onclick = guess;
        </script>

3. 外部引用:

步骤:

1) 编写独立的js文件

2) 在页面中通过script标签引用

示例: