blocks|key|1287309|text|为什么要使用Javascript来编写脚本标记？只需将脚本标记添加到head部分即可。因此，您的文档将如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287310|<html>
++<head>
++++
++++<script+src="/javascripts/jquery.js"+type="text/javascript"></script>
++++<script+src="/javascripts/jquery.tablesorter.js"+type="text/javascript"></script>
++</head>
++<body>
++++The+contents+of+the+page.
++</body>
</html>|code-block|syntax|javascript|1287311|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|$]]

<p>Why are you using Javascript to write the script tags? Simply add the script tags to your head section. So your document will look something like this:</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;!-- Whatever you want here --&gt;
    &lt;script src="/javascripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/javascripts/jquery.tablesorter.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    The contents of the page.
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1287381|text|如果为document.write(‘<\Script...’)不起作用，请尝试脚本(‘document.createElement’)...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287382|除此之外，你应该担心你正在制作的网站的类型--你真的认为从.js文件中包含.js文件是一个好主意吗？|1287383|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>If document.write('&lt;\script ...') isn't working, try document.createElement('script')... </p>

<p>Other than that, you should be worried about the type of website you're making - do you really think its a good idea to include .js files from .js files? </p>


blocks|key|1287441|text|只需将这两个文件中的代码复制到顶部的文件中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287442|或者使用像这样的http://code.google.com/p/minify/动态地组合您的文件。|offset|length|1287443|乔希|1287444|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/minify/^0|0|8|W|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

<p>just copy the code from the two files into your file at the top.</p>

<p>or use something like this <a href="http://code.google.com/p/minify/" rel="nofollow noreferrer">http://code.google.com/p/minify/</a> to combine your files dynamically.</p>

<p>Josh</p>


blocks|key|1502269|text|var+script+=+document.createElement('script');
script.src+=+'https://code.jquery.com/jquery-3.4.1.min.js';
script.type+=+'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1502270|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
</code></pre>


blocks|key|1502301|text|问题是您在脚本中使用了</script>，这将结束脚本标记。试试这个：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1502302|document.writeln('<script+src="/javascripts/jquery.js"+type="text/javascript"></sc'%2B'ript>');
document.writeln('<script+type="text/javascript"+src="/javascripts/jquery.tablesorter.js"></sc'%2B'ript>');|code-block|syntax|javascript|1502303|entityMap^0|B|9|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>The problem is you're using <code>&lt;/script&gt;</code> within the script, which is ending the script tag. Try this:</p>

<pre><code>document.writeln('&lt;script src="/javascripts/jquery.js" type="text/javascript"&gt;&lt;/sc'+'ript&gt;');
document.writeln('&lt;script type="text/javascript" src="/javascripts/jquery.tablesorter.js"&gt;&lt;/sc'+'ript&gt;');
</code></pre>


blocks|key|1502347|text|有一个用于jquery的插件，你可以将你需要的文件包含到其他的js文件中，这是它的http://tobiasz123.wordpress.com/2007/08/01/include-script-inclusion-jquery-plugin/链接。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1502348|另外，这行document.write代码将脚本标记写在html中，而不是js文件中。|1502349|所以我希望这能帮助你解决你的问题|1502350|entityMap|0|LINK|mutability|MUTABLE|url|http://tobiasz123.wordpress.com/2007/08/01/include-script-inclusion-jquery-plugin/^0|15|2A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

<p>Theres a plugin for jquery where you can just include the files you need into some other js file, here is the link for it <a href="http://tobiasz123.wordpress.com/2007/08/01/include-script-inclusion-jquery-plugin/" rel="nofollow noreferrer">http://tobiasz123.wordpress.com/2007/08/01/include-script-inclusion-jquery-plugin/</a>.</p>

<p>Also this document.write line will write the script tags in the html not in your js file. </p>

<p>So I hope this could help you out, a little with your problem</p>


blocks|key|1502420|text|如果您经常想要将jquery文件链接更新为新版本的文件，可以在站点的多个页面上一次性更新。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1502421|创建一个javascript文件(.js)并输入以下代码，并将此javascript文件映射到所有页面(而不是直接在页面上映射jquery文件)，这样当jquery文件链接在此javascript文件上更新时，它将在整个站点中反映出来。|1502422|下面的代码经过测试，运行良好！|1502423|document.write('<');
document.write('script+');
document.write('src="');
//next+line+is+the+path+to+jquery+file
document.write('/javascripts/jquery-1.4.1.js');
document.write('"+type="text/javascript"></');
document.write('script');
document.write('>');|code-block|syntax|javascript|1502424|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>If you frequently want to update your jquery file link to a new version file, across your site on many pages, at one go.. </p>

<p>Create a javascript file (.js) and put in the below code, and map this javascript file to all the pages (instead of mapping jquery file directly on the page), so when the jquery file link is updated on this javascript file it will reflect across the site.</p>

<p>The below code is tested and it works good!</p>

<pre><code>document.write('&lt;');
document.write('script ');
document.write('src="');
//next line is the path to jquery file
document.write('/javascripts/jquery-1.4.1.js');
document.write('" type="text/javascript"&gt;&lt;/');
document.write('script');
document.write('&gt;');
</code></pre>


blocks|key|1287643|text|如果您想包含来自另一个JS文件的jQuery代码，这应该可以做到这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287644|我的HTML文件中包含以下内容：|1287645|<script+src="jquery-1.6.1.js"></script>
<script+src="my_jquery.js"></script>|code-block|syntax|javascript|1287646|我创建了一个单独的my_jquery.js文件，其中包含以下内容：|1287647|$(document).ready(function()+{
++$('a').click(function(event)+{
++++event.preventDefault();
++++$(this).hide("slow");
++});
});|1287648|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>If you want to include jQuery code from another JS file, this should do the trick:</p>

<p>I had the following in my HTML file:</p>

<pre><code>&lt;script src="jquery-1.6.1.js"&gt;&lt;/script&gt;
&lt;script src="my_jquery.js"&gt;&lt;/script&gt;
</code></pre>

<p>I created a separate my_jquery.js file with the following:</p>

<pre><code>$(document).ready(function() {
  $('a').click(function(event) {
    event.preventDefault();
    $(this).hide("slow");
  });
});
</code></pre>


blocks|key|1502546|text|如果你想添加对任何js文件的引用，比如说，从你的项目中，你也可以直接使用reference标签添加它，在Visual+Studio+IDE中，这是通过将外部文件从解决方案资源管理器拖放到当前文件来自动处理的(这对标记文件、.js和.css文件也适用)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1502547|///+<reference+path="jquery-2.0.3.js"+/>|code-block|syntax|javascript|1502548|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/b/webdev/archive/2007/11/06/jscript-intellisense-a-reference-for-the-reference-tag.aspx^0|10|9|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>In if you want to add reference to any js file, say, from your project, you may also add it directly using <a href="http://blogs.msdn.com/b/webdev/archive/2007/11/06/jscript-intellisense-a-reference-for-the-reference-tag.aspx" rel="noreferrer">reference</a> tag, in Visual Studio IDE this is handled automatically by dragging and dropping the external file from solution explorer to current file (This works for mark up files, .js &amp; .css files too)</p>

<pre><code>/// &lt;reference path="jquery-2.0.3.js" /&gt;
</code></pre>


blocks|key|1502621|text|可以在不包含js和jquery文件的情况下创建母版页库。将内容占位符放在标题部分的母版页基中，然后创建一个从该母版页基继承的嵌套母版页。现在将您的include放入asp:content+in嵌套母版页中，最后从这个嵌套母版页创建一个内容页|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1502622|示例：|1502623|//in+master+page+base++++

<%25@++master+language="C#"+autoeventwireup="true"+inherits="MasterPage"+codebehind="MasterPage.master.cs"+%25>
<html>
<head+id="Head1"+runat="server">
++++<asp:ContentPlaceHolder+runat="server"+ID="cphChildHead">
++++++++
++++</asp:ContentPlaceHolder>
</head>
<body>
++++<asp:ContentPlaceHolder+ID="ContentPlaceHolder1"+runat="server">
++++</asp:ContentPlaceHolder>
++++
</body>
</html>

//in+nested+master+page+:
<%25@++master+language="C#"+masterpagefile="~/MasterPage.master"+autoeventwireup="true"
++++codebehind="MasterPageLib.master.cs"+inherits="sampleNameSpace"+%25>
<asp:Content+ID="headcontent"+ContentPlaceHolderID="cphChildHead"+runat="server">
++++
++++<link+href="../CSS/pwt-datepicker.css"+rel="stylesheet"+type="text/css"+/>

++++<script+src="../js/jquery-1.9.0.min.js"+type="text/javascript"></script>

++++
</asp:Content>
<asp:Content+ID="bodyContent"+ContentPlaceHolderID="ContentPlaceHolder1"+runat="server">
++++<asp:ContentPlaceHolder+ID="cphChildBody"+runat="server"+EnableViewState="true">
++++++++
++++</asp:ContentPlaceHolder>
</asp:Content>|code-block|syntax|javascript|1502624|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can create a master page base without included js and jquery files. Put a content place holder in master page base in head section, then create a nested master page that inherits from this master page base. Now put your includes in a asp:content in nested master page, finally create a content page from this nested master page</p>

<p>Example:</p>

<pre><code>//in master page base    

&lt;%@  master language="C#" autoeventwireup="true" inherits="MasterPage" codebehind="MasterPage.master.cs" %&gt;
&lt;html&gt;
&lt;head id="Head1" runat="server"&gt;
    &lt;asp:ContentPlaceHolder runat="server" ID="cphChildHead"&gt;
        &lt;!-- Nested Master Page include Codes will sit Here --&gt;
    &lt;/asp:ContentPlaceHolder&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"&gt;
    &lt;/asp:ContentPlaceHolder&gt;
    &lt;!-- some code here --&gt;
&lt;/body&gt;
&lt;/html&gt;

//in nested master page :
&lt;%@  master language="C#" masterpagefile="~/MasterPage.master" autoeventwireup="true"
    codebehind="MasterPageLib.master.cs" inherits="sampleNameSpace" %&gt;
&lt;asp:Content ID="headcontent" ContentPlaceHolderID="cphChildHead" runat="server"&gt;
    &lt;!-- includes will set here a nested master page --&gt;
    &lt;link href="../CSS/pwt-datepicker.css" rel="stylesheet" type="text/css" /&gt;

    &lt;script src="../js/jquery-1.9.0.min.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;!-- other includes ;) --&gt;
&lt;/asp:Content&gt;
&lt;asp:Content ID="bodyContent" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"&gt;
    &lt;asp:ContentPlaceHolder ID="cphChildBody" runat="server" EnableViewState="true"&gt;
        &lt;!-- Content page code will sit Here --&gt;
    &lt;/asp:ContentPlaceHolder&gt;
&lt;/asp:Content&gt;
</code></pre>


blocks|key|1287879|text|我发现最好的方法是使用这个...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287880|**<script+src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>**|code-block|syntax|javascript|1287881|这是来自Codecademy的‘制作一个互动网站’项目。|1287882|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I find that the best way is to use this...</p>

<pre><code>**&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;**
</code></pre>

<p>This is from the Codecademy 'Make an Interactive Website' project.</p>


blocks|key|1502684|text|/*+Adding+the+script+tag+to+the+head+as+suggested+before+*/

++++var+head+=+document.getElementsByTagName('head')[0];
++++var+script+=+document.createElement('script');
++++script.type+=+'text/javascript';
++++script.src+=+"http://code.jquery.com/jquery-2.2.1.min.js";

++++//+Then+bind+the+event+to+the+callback+function.
++++//+There+are+several+events+for+cross+browser+compatibility.
++++script.onreadystatechange+=+handler;
++++script.onload+=+handler;

++++//+Fire+the+loading
++++head.appendChild(script);

++++function+handler(){
+++++++console.log('jquery+added+:)');
++++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1502685|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>/* Adding the script tag to the head as suggested before */

    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = "http://code.jquery.com/jquery-2.2.1.min.js";

    // Then bind the event to the callback function.
    // There are several events for cross browser compatibility.
    script.onreadystatechange = handler;
    script.onload = handler;

    // Fire the loading
    head.appendChild(script);

    function handler(){
       console.log('jquery added :)');
    }
</code></pre>


blocks|key|1502726|text|从js文件中动态添加jQuery，CSS。当我们将onload函数添加到body中时，我们可以使用jQuery从js文件创建页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1502727|​|1502728|init();

function+init()
{
	addJQuery();
	addBodyAndOnLoadScript();
	addCSS();
}

function+addJQuery()
{
	var+head+=+document.getElementsByTagName(+'head'+)[0];
	var+scriptjQuery+=+document.createElement(+'script'+);
	scriptjQuery.type+=+'text/javascript';
	scriptjQuery.id+=+'jQuery'
	scriptjQuery.src+=+'https://code.jquery.com/jquery-3.4.1.min.js';
	var+script+=+document.getElementsByTagName(+'script'+)[0];
	head.insertBefore(scriptjQuery,+script);
}

function+addBodyAndOnLoadScript()
{
	var+body+=+document.createElement('body')
	body.onload+=+
	function()
	{
		onloadFunction();
	};
}

function+addCSS()
{
	var+head+=+document.getElementsByTagName(+'head'+)[0];
	var+linkCss+=+document.createElement(+'link'+);
	linkCss.rel+=+'stylesheet';
	linkCss.href+=+'E:/Temporary_files/temp_css.css';
	head.appendChild(+linkCss+);
}

function+onloadFunction()
{
	var+body+=+$(+'body'+);
	body.append('<strong>Hello+world</strong>');
}|code-block|syntax|javascript|1502729|html+
{
	background-color:+#f5f5dc;
}|1502730|<!DOCTYPE+html>
<html+lang="en">
	<head>
		<meta+charset="UTF-8">
		<title>Temp+Study+HTML+Page</title>
		<script+type="text/javascript"+src="E:\Temporary_files\temp_script.js"></script>
	</head>
	<body></body>
</html>|1502731|1502732|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|K|3|L|5|F|7|T|8|@]|9|@]|A|$G|H]]|$1|M|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>Dynamic adding jQuery, CSS from js file.
When we added onload function to body we can use jQuery to create page from js file.</p>

<p><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>init();

function init()
{
	addJQuery();
	addBodyAndOnLoadScript();
	addCSS();
}

function addJQuery()
{
	var head = document.getElementsByTagName( 'head' )[0];
	var scriptjQuery = document.createElement( 'script' );
	scriptjQuery.type = 'text/javascript';
	scriptjQuery.id = 'jQuery'
	scriptjQuery.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
	var script = document.getElementsByTagName( 'script' )[0];
	head.insertBefore(scriptjQuery, script);
}

function addBodyAndOnLoadScript()
{
	var body = document.createElement('body')
	body.onload = 
	function()
	{
		onloadFunction();
	};
}

function addCSS()
{
	var head = document.getElementsByTagName( 'head' )[0];
	var linkCss = document.createElement( 'link' );
	linkCss.rel = 'stylesheet';
	linkCss.href = 'E:/Temporary_files/temp_css.css';
	head.appendChild( linkCss );
}

function onloadFunction()
{
	var body = $( 'body' );
	body.append('&lt;strong&gt;Hello world&lt;/strong&gt;');
}</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>html 
{
	background-color: #f5f5dc;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;Temp Study HTML Page&lt;/title&gt;
		&lt;script type="text/javascript" src="E:\Temporary_files\temp_script.js"&gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1502748|text|var+jQueryScript+=+document.createElement('script');++
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1502749|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var jQueryScript = document.createElement('script');  
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);
</code></pre>


blocks|key|1287987|text|下面的答案是另一个用户之前发布的，但没有提供任何解释，所以我决定对正在发生的事情进行注释。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287988|var+jQueryScript+=+document.createElement('script');
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);|code-block|syntax|javascript|1287989|解释|1287990|通过在JavaScript中创建脚本元素，然后将src属性设置为jQuery文件的路径，可以解决此问题。|offset|length|style|CODE|1287991|var+jQueryScript+=+document.createElement('script');|1287992|上面我们创建了script元素。|1287993|接下来，我们将src属性设置为路径，如前所述。这可以设置为|1287994|https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js|1287995|或|1287996|/your/path/to/jquery/file|1287997|使用中：|1287998|jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');|1287999|最后但同样重要的是，将新元素附加到文档head|1288000|document.head.appendChild(jQueryScript);|1288001|或body|1288002|document.body.appendChild(jQueryScript);|1288003|在使用中|1288004|​|1288005|var+jQueryScript+=+document.createElement('script');
jQueryScript.setAttribute('src',+'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);

setTimeout(function()+{
++//+Add+the+rest+of+your+code+here,+as+we+have+to+wait+a+moment+before+the+document+has+jQuery+as+a+part+of+it.
++$("body").html("<h1>It+Works!</h1>");
},+100);|1288006|1288007|entityMap^0|0|0|0|O|3|0|0|7|6|0|7|3|0|0|0|0|0|0|J|4|0|0|1|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1N|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1O|8|@$K|1P|L|1Q|M|N]]|9|@]|A|$]]|$1|O|3|P|5|D|7|1R|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1S|8|@$K|1T|L|1U|M|N]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1V|8|@$K|1W|L|1X|M|N]]|9|@]|A|$]]|$1|U|3|V|5|D|7|1Y|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|20|8|@]|9|@]|A|$E|F]]|$1|10|3|11|5|6|7|21|8|@]|9|@]|A|$]]|$1|12|3|13|5|D|7|22|8|@]|9|@]|A|$E|F]]|$1|14|3|15|5|6|7|23|8|@$K|24|L|25|M|N]]|9|@]|A|$]]|$1|16|3|17|5|D|7|26|8|@]|9|@]|A|$E|F]]|$1|18|3|19|5|6|7|27|8|@$K|28|L|29|M|N]]|9|@]|A|$]]|$1|1A|3|1B|5|D|7|2A|8|@]|9|@]|A|$E|F]]|$1|1C|3|1D|5|6|7|2B|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|6|7|2C|8|@]|9|@]|A|$]]|$1|1G|3|1H|5|D|7|2D|8|@]|9|@]|A|$E|F]]|$1|1I|3|1F|5|6|7|2E|8|@]|9|@]|A|$]]|$1|1J|3|-4|5|6|7|2F|8|@]|9|@]|A|$]]]|1K|$]]

<p>The following answer was posted previously by another user, but provided no explanation so I decided to annotate what is happening.</p>
<pre><code>var jQueryScript = document.createElement('script');
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);
</code></pre>
<h1>Explanation</h1>
<p>The problem is solved by creating a script element in JavaScript, and then setting the <code>src</code> attribute to the path of the jQuery file.</p>
<pre><code>var jQueryScript = document.createElement('script');
</code></pre>
<p>Above we create the <code>script</code> element.</p>
<p>Next we set the <code>src</code> attribute to the path as explained before.
This can be set to</p>
<pre><code>https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
</code></pre>
<p>or</p>
<pre><code>/your/path/to/jquery/file
</code></pre>
<p>In use:</p>
<pre><code>jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
</code></pre>
<p>Last, but not least, appending the new element to the document <code>head</code>:</p>
<pre><code>document.head.appendChild(jQueryScript);
</code></pre>
<p>or <code>body</code>:</p>
<pre><code>document.body.appendChild(jQueryScript);
</code></pre>
<h1>In Use</h1>
<p><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>var jQueryScript = document.createElement('script');
jQueryScript.setAttribute('src', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);

setTimeout(function() {
  // Add the rest of your code here, as we have to wait a moment before the document has jQuery as a part of it.
  $("body").html("&lt;h1&gt;It Works!&lt;/h1&gt;");
}, 100);</code></pre>
</div>
</div>
</p>


<p>I have some code specific to sorting tables.  Since the code is common in most pages I want to make a JS file which will have the code and all the pages using it can reference it from there. </p>

<p>Problem is: How do I add jQuery, and table sorter plugin into that .js file?</p>

<p>I tried something like this:</p>

<pre><code>document.writeln('&lt;script src="/javascripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;');
document.writeln('&lt;script type="text/javascript" src="/javascripts/jquery.tablesorter.js"&gt;&lt;/script&gt;');
</code></pre>

<p>but this seems to not work. </p>

<p>What is the best way to do this?</p>


How to add jQuery in JS file

Visual Studio

jQuery

我有一些特定于排序表的代码。由于代码在大多数页面中都很常见，因此我想创建一个JS文件，其中将包含代码，并且所有使用它的页面都可以从那里引用它。问题是:如何在.js文件中添加jQuery和表分类器插件？我尝试了这样的东西：document.writeln('<script src="/javascripts/jquery...

问如何在JS文件中添加jQuery
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS文件中添加jQueryEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS文件中添加jQuery
EN