以下是一个简单的例子，演示如何使用 JavaScript 获取和操作与 <script> 元素关联的 Script 对象：
<!DOCTYPE html>
<html>
<head>
<title>Script 对象示例</title>
</head>
<body>
<!-- JavaScript 脚本 -->
<script id="exampleScript">
// 这是一个示例脚本
function greet(name) {
alert("Hello, " + name + "!");
}
</script>
<!-- JavaScript 代码 -->
<script>
function updateScriptContent() {
// 获取 Script 对象
var exampleScript = document.getElementById('exampleScript');
// 修改脚本内容
exampleScript.textContent = 'console.log("Updated script content");';
// 在控制台打印修改后的脚本内容
console.log("修改后的脚本内容：" + exampleScript.textContent);
}
</script>
<!-- 按钮触发 JavaScript 函数 -->
<button onclick="updateScriptContent()">更新脚本内容</button>
</body>
</html>
在这个例子中，我们创建了一个包含 <script> 元素的 HTML 页面。通过 JavaScript，我们使用 document.getElementById 方法获取了与 <script> 元素关联的 Script 对象，并通过修改脚本内容的操作来演示对脚本的操作。点击页面上的按钮将触发相应的 JavaScript 函数。
请注意，在实际应用中，通过 JavaScript 修改脚本内容可能会导致安全性问题，因为它可以允许动态执行不受信任的代码。在生产环境中，应该避免动态修改脚本内容，以减少潜在的安全风险。
转载请注明出处：http://www.zyzy.cn/article/detail/4427/HTML