blocks|key|186997|text|使用$.get()而不是$.load()，这将返回文件的内容，您可以从那里将内容添加到元素的末尾。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|186998|以下是一个粗略的例子：|186999|$.get('../../external_file.html',+function(response)+{
++++++++$('head').append(response);
});|code-block|syntax|javascript|187000|entityMap^0|2|7|C|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Use <code>$.get()</code> instead of <code>$.load()</code> this will return the contents of the file and you can add the contents to the end of the element from there.

Below is a rough example:

<pre><code>$.get('../../external_file.html', function(response) {
 $('head').append(response);
});
</code></pre>

blocks|key|404130|text|我认为load是完全替换html内容的捷径，所以如果您想保留标题，则需要使用更多的行。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|404131|您可以跟踪标题并在加载后将其添加回：|404132|var+title+=+$('head+title').text();
$('head').load('../../external_file.html');
$('head').prepend('<title>'+%2B+title+%2B+'</title>');|code-block|syntax|javascript|404133|或者你可以把新的内容附加到那里。|404134|$.get('../../external_file.html',+function(data)+{
++++//+add+error+handling
++++$('head').append(data);
});|404135|entityMap^0|3|4|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

I think <code>load</code> is a shortcut to entirely replace the html content, so if you want to keep the title, you will need to use a few more lines.

You could track the title and add it back after load:

<pre><code>var title = $('head title').text();
$('head').load('../../external_file.html');
$('head').prepend('&lt;title&gt;' + title + '&lt;/title&gt;');
</code></pre>

Or you could append the new content to what's there.

<pre><code>$.get('../../external_file.html', function(data) {
 // add error handling
 $('head').append(data);
});
</code></pre>

blocks|key|187616|text|我不知道你为什么要在头上插入HTML文件，但无论如何，还是尝试一下吧。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|187617|将您的jquery.min.js放在页脚或html的底部，而不是在头部上方。|ordered-list-item|187618|您可以通过ajax(我假设您试图在外部html文件中逐个输出html元素)来完成这一任务。
(function(){+++++++++$.ajax({+++++++++++++url+:+"../../external_file.html",+++++++++++++type:+"GET",+++++++++++++dataType:+"html",+++++++++++++success+:+function+(data)+{+++++++++++++++++$(data).appendTo('head');+++++++++++++}+++++++++});+})();+--这将发出ajax请求，并返回html文件的任何内容并附加到您的头部。|offset|length|style|CODE|187619|​|187620|📷|atomic|187621|187622|187623|187624|187625|：更新：|BOLD|187626|好的，请跟着这个：|187627|所有您的脚本远离head(标准)，将它放在html文件下面的某个地方。|187628|从.ajaxComplete中删除我的代码(无论如何，你不需要它--+ajaxComplete)；|187629|将$('.click_explore').click()放入代码中的成功函数中。因为导致循环的当前结构。
(函数(){+$.ajax({+url：“../../Externalfile.html”)，类型："GET"，dataType："html"，成功:函数(数据){$(数据).appendTo(‘head’)；$(“.click_explore”).click(函数(){+$('body').animate({+scrollTop：$(".scroll_to_me").offset().top+-+100+}，500)；返回false；})；})()；|187630|我希望这能帮上忙。|187631|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/6e02a9d37f4fe9cdcfcfc7d38e55a79d.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/f8638674abe58a1eceeb821615dbf08e.png^0|0|0|1A|6S|0|0|0|1|0|0|0|0|0|1|1|0|0|0|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1I|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|1J|8|@$G|1K|H|1L|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|1M|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1N|8|@]|9|@$G|1O|H|1P|1|1Q]]|A|$]]|$1|P|3|L|5|6|7|1R|8|@]|9|@]|A|$]]|$1|Q|3|L|5|6|7|1S|8|@]|9|@]|A|$]]|$1|R|3|N|5|O|7|1T|8|@]|9|@$G|1U|H|1V|1|1W]]|A|$]]|$1|S|3|L|5|6|7|1X|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1Y|8|@$G|1Z|H|20|I|V]]|9|@]|A|$]]|$1|W|3|X|5|6|7|21|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|22|8|@]|9|@]|A|$]]|$1|10|3|11|5|D|7|23|8|@]|9|@]|A|$]]|$1|12|3|13|5|D|7|24|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|25|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|26|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D|1E|-4]]|1F|$5|19|1A|1B|A|$1C|1G|1E|-4]]]]

I am not sure why you are trying to insert HTML file in the head, but try this anyway.

<ol>
<li>put your jquery.min.js in the footer or in the bottom part of your html not above the head.</li>
<li>you can do it via ajax(i am assume that your trying to spit out html element inside your external html file to head).

<code>(function(){
 $.ajax({
 url : "../../external_file.html",
 type: "GET",
 dataType: "html",
 success : function (data) {
 $(data).appendTo('head');
 }
 });
})();
</code>
this will make an ajax request and return what ever the content of your html file 
and append to your head.</li>
</ol>

<a href="https://i.stack.imgur.com/zZxgu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zZxgu.png" alt="enter image description here"></a>

<a href="https://i.stack.imgur.com/Csdas.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Csdas.png" alt="enter image description here"></a>

:update:

okay please follow this: 

<ol>
<li>all of your script away from head(for standard) put it somewhere bellow the your html file.</li>
<li>take away my code from .ajaxComplete(you dont need it anyway the ajaxComplete);</li>
<li>put your $('.click_explore').click() inside success function inside my code. because the current structure that causes the loop.

<pre><code> (function(){
 $.ajax({
 url : "../../external_file.html",
 type: "GET",
 dataType: "html",
 success : function (data) {
 $(data).appendTo('head');
 $(".click_explore").click(function() {
 $('body').animate({
 scrollTop: $(".scroll_to_me").offset().top - 100
 }, 500);
 return false;
 });

 }
 });
})();
</code></pre></li>
</ol>

I hope this help.

blocks|key|4653119|text|使用普通JAVASCRIPT+(JS香草)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4653120|var+ajax+=+new+XMLHttpRequest();
ajax.open("GET",+"/yourpath/toyourfile.html",+true);
ajaxInicial.onreadystatechange+=+function+()+{if+(this.readyState+==+4+&&+this.status+==+200)+{document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend',+this.responseText);}}
ajaxInicial.send();|code-block|syntax|javascript|4653121|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

USING PLAIN JAVASCRIPT (JS VANILLA)
<pre><code>var ajax = new XMLHttpRequest();
ajax.open(&quot;GET&quot;, &quot;/yourpath/toyourfile.html&quot;, true);
ajaxInicial.onreadystatechange = function () {if (this.readyState == 4 &amp;&amp; this.status == 200) {document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', this.responseText);}}
ajaxInicial.send();
</code></pre>

I'm trying to load a file into the head… but also keep what is currently in the head.

At the moment… the file loads into the head, but it removes the title before doing so.

How do I keep the title in the head and load the file at the same time.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('head').load('../../external_file.html');</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;head&gt;
 &lt;title&gt;Home&lt;/title&gt;
 &lt;!-- External File goes here --&gt;
 &lt;!-- I want the title to stay --&gt;
&lt;/head&gt;</code></pre>
</div>
</div>

Append external file to head

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试将一个文件加载到…头但同时也要保持目前的头脑。目前…文件加载到头部，但在这样做之前它会删除标题。如何将标题保存在标题中并同时加载文件。​$('head').load('../../external_file.html');<script src="https://ajax.googleapis.com/aja...

问将外部文件追加到头
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将外部文件追加到头EN