首页我现在想在单页面head中添加一个script 并写上我的数据

我现在想在单页面head中添加一个script 并写上我的数据

时间: 2024-10-25 09:13:38 浏览: 4

在单页应用（SPA）中，如果你想在HTML头部（通常是指`<head>`标签内）动态添加script，并注入自定义数据，你可以这样做：首先，在你的JavaScript中，创建一个新的script元素，并设置其`innerHTML`属性来包含你的数据以及脚本代码。假设你的数据是一个简单的JSON对象： ```javascript // 假设你的数据是这样的 const data = { key1: 'value1', key2: 'value2' }; // 创建新的script元素 const scriptElement = document.createElement('script'); // 将数据作为字符串加入到script的src或innerHTML if (typeof data === 'object') { // 如果是JSON数据，可以尝试将其序列化为URL查询参数的形式 const queryStr = new URLSearchParams(); for (let [key, value] of Object.entries(data)) { queryStr.append(key, encodeURIComponent(value)); } scriptElement.src = `data:text/javascript,${queryStr.toString()}`; } else { scriptElement.innerHTML = `window.myData = ${JSON.stringify(data)};`; } // 将新script添加到head中 document.head.appendChild(scriptElement); ``` 上述代码将创建一个只读的全局变量`myData`，如果数据太大不适合直接插入，可以选择将数据作为查询参数放入一个`data:` URL。

阅读全文