首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用DOMDocument将脚本添加到HTML5

要使用DOMDocument将脚本添加到HTML5,您可以按照以下步骤操作:

  1. 创建一个DOMDocument对象,并加载HTML文档。
  2. 使用createElement()方法创建一个新的<script>元素。
  3. 使用setAttribute()方法设置<script>元素的src属性和其他属性。
  4. 使用appendChild()方法将<script>元素添加到<head>元素中。
  5. 使用saveHTML()方法将修改后的HTML文档保存到字符串中。

以下是一个示例代码:

代码语言:php
复制
<?php
// 创建DOMDocument对象
$doc = new DOMDocument();

// 加载HTML文档
$doc->loadHTML('<!DOCTYPE html><html><head<title>My Page</title></head><body><h1>Hello World!</h1></body></html>');

// 创建<script>元素
$script = $doc->createElement('script');

// 设置<script>元素的src属性
$script->setAttribute('src', 'https://example.com/script.js');

// 设置<script>元素的其他属性
$script->setAttribute('type', 'text/javascript');
$script->setAttribute('async', '');

// 将<script>元素添加到<head>元素中
$head = $doc->getElementsByTagName('head')->item(0);
$head->appendChild($script);

// 将修改后的HTML文档保存到字符串中
$html = $doc->saveHTML();

// 输出HTML文档
echo $html;
?>

这个示例代码将在<head>元素中添加一个<script>元素,该元素将加载外部JavaScript文件。您可以根据需要修改代码以添加其他属性或将<script>元素添加到其他位置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券