如何将DOM元素脚本添加到头部?

问题描述 投票:13回答:10

我想将DOM元素添加到HTML的开头部分。 jQuery不允许将DOM元素脚本添加到头部,而是执行Reference

我想添加script标签并在<head>部分中编写脚本。

var script = '<script type="text/javascript"> //function </script>'
$('head').append(script);

类似这样的功能。我尝试使用jQuery和javascript \,但无法正常工作。

[请告诉我如何通过jQuery或javascript添加和写入script到头部。

[我厌倦了添加DOM元素的JavaScript,但无法与.innerHTML()一起写入头部。我正在使用jQuery 2.0.3和jQuery UI 1.10.3。

我想将base64编码的脚本添加到头部。我使用像this这样的base64解码器js来解码javascript,然后放在头部。

//已编辑它将是>

$.getScript('base64.js');
var encoded = "YWxlcnQoImhpIik7DQo="; //More text
var decoded = decodeString(encoded);
var script = '<script type="text/javascript">' +decoded + '</script>';
$('head').append(script);

将编码的脚本和添加的内容放入一个javascript文件中。我想为浏览器使用base64.js或其他解码器JavaScript文件不接受atob()

我想将DOM元素添加到HTML的开头部分。 jQuery不允许将DOM元素脚本添加到开头部分,而是执行参考。我想添加脚本标签并编写一个...

javascript jquery html dom
10个回答
37
投票

尝试一下


0
投票

这是一个安全且可重用的功能,用于在尚不存在的脚本中添加脚本。


10
投票

如果像这样在头部中注入多个脚本标签并混合本地和远程脚本文件,则可能会出现这样的情况,即依赖于外部脚本的本地脚本(例如从googleapis加载jQuery)将出错,因为外部脚本可能会没有在本地的加载之前加载。


3
投票

尝试::


2
投票
var script = $('<script type="text/javascript">// function </script>')
document.getElementsByTagName("head")[0].appendChild(script[0])

2
投票

[这是一个古老的问题,我知道它专门询问在头部添加脚本标签的问题,但是基于OP的解释,他们实际上只是打算执行通过其他JS函数获得的一些JS代码。


1
投票

根据作者,他们想在头创建脚本,而不是指向脚本文件的链接。


1
投票

我找到的最佳解决方案:


0
投票

您可以做:


0
投票

我使用PHP作为服务器端语言,因此我将在其中编写示例-但我敢肯定您的服务器端也有一种方法。

© www.soinside.com 2019 - 2024. All rights reserved.