在HTML中插入JavaScript文本，我们主要使用<script>标签，这个标签可以包含JavaScript代码，也可以引用外部的JavaScript文件。
方法一：内联JavaScript
如果你只需要在页面加载时运行一段简短的JavaScript代码，你可以直接将其放在HTML文档中的<script>标签内，这种方式的优点是代码简单易懂，缺点是如果需要修改代码，你需要重新加载整个页面。
<!DOCTYPE html>
<html>
<body>
<h2>内联JavaScript</h2>
<button type="button" onclick="alert('Hello World!')">点击这里</button>
</body>
</html>
在这个例子中，当用户点击按钮时，会弹出一个包含"Hello World!"的警告框。
方法二：外部JavaScript文件
如果你需要运行更复杂的JavaScript代码，或者你想将这些代码分离到单独的文件中以便于管理，你可以使用<script>标签的src属性来引用一个外部的JavaScript文件，这种方式的优点是可以方便地管理和修改代码，缺点是需要服务器支持JavaScript文件的访问。
假设我们有一个名为main.js的外部JavaScript文件，内容如下：
document.write("Hello JavaScript!");
我们可以在HTML文档中通过src属性引用这个文件：
<!DOCTYPE html>
<html>
<body>
<h2>外部JavaScript文件</h2>
<button type="button" onclick="loadScript()">点击这里</button>
<p id="demo"></p>
<script src="main.js"></script>
<script>
function loadScript() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
</body>
</html>
在这个例子中，当用户点击按钮时，会调用loadScript()函数，该函数会将main.js文件中的内容写入到id为"demo"的元素中。
相关问题与解答
Q1: 如何动态改变HTML元素的内容？
答：可以使用JavaScript的DOM(文档对象模型)操作方法，如document.getElementById()、document.querySelector()等获取HTML元素，然后修改其innerHTML或innerText属性即可。document.getElementById("demo").innerHTML = "Hello JavaScript!";。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/218981.html
微信扫一扫 