<button onclick="myFunction()">Click me</button>的myFunction()在外部js文件,怎么引用
时间: 2024-05-13 19:20:58 浏览: 23
在HTML文件中,使用<script>标签引用外部js文件,如下所示:
```html
<head>
<script src="path/to/external/js/file.js"></script>
</head>
<body>
<button onclick="myFunction()">Click me</button>
</body>
```
其中,path/to/external/js/file.js是外部js文件的路径。在外部js文件中定义myFunction()函数,如下所示:
```js
function myFunction() {
console.log("Hello World!");
}
```
在点击按钮时,会执行myFunction()函数,输出"Hello World!"到控制台。
相关问题
js =>用法
JavaScript (简称 JS) 是一种广泛使用的脚本语言,它通常用于在网页上添加交互性和动态效果。以下是 JS 的用法:
1. 在 HTML 中引入 JS 文件:
```
<script src="path/to/js/file.js"></script>
```
2. 在 HTML 中直接编写 JS 代码:
```
<script>
// JS 代码
</script>
```
3. 在外部 JS 文件中编写 JS 代码,然后在 HTML 中调用:
```
// JS 文件中的代码
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// HTML 中的调用
<button onclick="myFunction()">Click me</button>
```
以上是 JS 的基本用法,还有很多高级用法和框架可以学习和使用。
js引用代码
在 HTML 页面中,可以使用以下方式引用 JavaScript 代码:
1. 内部脚本:将 JavaScript 代码直接写在 HTML 页面的 <script> 标签中。例如:
```html
<html>
<head>
<title>My Page</title>
<script>
function myFunction() {
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Click me</button>
</body>
</html>
```
2. 外部脚本:将 JavaScript 代码写在一个外部 JavaScript 文件中,并使用 <script> 标签将其引用到 HTML 页面中。例如:
```html
<html>
<head>
<title>My Page</title>
<script src="script.js"></script>
</head>
<body>
<button onclick="myFunction()">Click me</button>
</body>
</html>
```
其中,script.js 是存储 JavaScript 代码的外部文件。
请注意,为了保证 JavaScript 代码能够正确地引用和执行,需要确保 JavaScript 代码的文件路径和文件名正确。另外,还需要遵循浏览器的安全策略,如同源策略等。