在何处插入 JavaScript

最新推荐文章于 2022-06-18 12:39:27 发布

CRMEB定制开发

最新推荐文章于 2022-06-18 12:39:27 发布

阅读量107

点赞数

文章标签： git mysql maven docker openssl

本文链接：https://blog.csdn.net/qq_39221436/article/details/115734204

版权

这个博客展示了如何使用JavaScript在HTML中更改段落内容的四种方法：1)在<head>标签内定义函数；2)在<body>标签内定义函数；3)引用外部JavaScript文件；4)从远程URL加载外部JavaScript。每种方法都包含一个按钮，当点击时，会调用myFunction()函数将段落内容更改为'段落已被更改。'

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "段落已被更改。";
}
</script>
</head>

<body>

<h2>Head 中的 JavaScript</h2>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>Body 中的 JavaScript</h2>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "段落已被更改。";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>外部 JavaScript</h2>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

<p>（myFunction 存储在名为 "myScript.js" 的外部文件中。）</p>

<script src="/demo/myScript.js"></script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h1>外部 JavaScript</h1>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

<p>（myFunction 存储在名为 "myScript.js" 的外部文件中。）</p>

<script src="https://www.w3school.com.cn/demo/myScript.js"></script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>外部 JavaScript</h2>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

<p>（myFunction 存储在名为 "myScript.js" 的外部文件中。）</p>

<script src="/demo/myScript.js"></script>

</body>
</html>