src 相关问题

SRC是HTML中的常用属性,用于标识与元素相关的资源的位置。

无法显示超过65 MB的base64 png

我正在执行 JAX-RS axios GET 并尝试显示后端在 REACT 中返回的 base64 字符串(长度 87394260)。 对于较小的 png,src 行按预期工作,但是当我尝试显示时

回答 1 投票 0

音频文件未在 VS Code 中加载,导致无法在网页上加载

当我单击文件上的以下链接时,它表示加载音频文件时发生错误,并且实时服务器也无法访问 在此输入图像描述 在此输入图像描述 我...

回答 1 投票 0

JSfiddle:我的 fiddle 的 javascript (*.js) url 是什么?这样我就可以通过 src 重用它

获取并且仅获取此小提琴的javascript代码的url是什么? 所以稍后,我可以通过使用 链接调用它来使用它进行测试,例如: <

回答 4 投票 0

在 jquery 中单击时提醒按钮的 src

这是我的jquery代码;但它给了我(未定义)。 $(文档).ready(函数(){ $('.items > tbody > tr').click(function() { var src = $(this).find('a[title="View"]')....

回答 2 投票 0

Vercel 无法识别正确的 src?

我已经使用 Vercel 部署了我的 SvelteKit 项目。除了“app.html”中的属性“src”之外,一切正常。我用过这条线 <question vote="-1"> <p>我已经使用 Vercel 部署了我的 SvelteKit 项目。除了“app.html”中的属性“src”之外,一切正常。我已使用此行 <pre><code>&lt;script type=&#34;module&#34; src=&#34;js/dataReader.js&#34;&gt;&lt;/script&gt;</code></pre> 插入我的转录文件。当使用 localhost 打开网站时,这工作正常,但是,使用 Vercel 时,它似乎不起作用。错误消息“篮球测试2.vercel.app/:46 出现 GET <a href="https://basketball-test-2.vercel.app/js/dataReader.js" rel="nofollow noreferrer">https://basketball-test-2.vercel.app/js/dataReader.js</a> net::ERR_ABORTED 404 (Not Found) ",这表明 vercel 正在寻找网站而不是文件路径。 </p> <p>我尝试将文件“dataReader.js”中的所有内容复制到“app.html”中并且它有效,但这不是解决我的问题的干净方法。所以我想知道是否有更好的方法。</p> </question> <answer tick="false" vote="0"> <p>如果您希望代码始终运行,请将其放入<a href="https://kit.svelte.dev/docs/routing#layout" rel="nofollow noreferrer">布局</a>中。<br/> <pre><code>app.html</code></pre> 几乎没有经过任何处理,您通常不应该弄乱它。</p> </answer> </body></html>

回答 0 投票 0

js 未连接到 html

<head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="../css/style-index.css"> <script type="text/javascript" src="../js/script.js"></script> </head> 在 JavaScript 中是: 警报('测试') 外部js没有连接到html 结构:https://cdn.discordapp.com/attachments/1027105980900708442/1232712295893827635/image.png?ex=662a744a&is=662922ca&hm=5e90d125df3525f31584806fbdc41e919 41442f596890bd8c0266e4ab76ca4b4& 您的../js/script.js指定您的script.js位于页面所在的文件夹之外,在js文件夹内,并且其中有一个script.js,建议采用这种结构 一些文件夹 js 脚本.js 一些内部文件夹 您的 HTML 由于 script.js 未加载,要么该位置不存在该脚本,要么缺少某些权限。最常见的情况是,当您移动物体并且之前正确的相对路径不再正确时,就会出现此类问题。如果是这种情况,那么只要 js 文件夹位于根文件夹内,/js/script.js 的路径就可以解决您的问题。 确保允许正确的权限,您的网络服务器允许 Javascript 文件的 mimetype 并且该文件存在。 如果您没有使用任何文件夹,您可以点击此脚本链接:<script src="./your file name"></script> 如果您使用任何文件夹,您可以点击此脚本链接:<script src="./your folder name/your js file name"></script>

回答 2 投票 0

React:从 Node js 后端上传的图像未渲染

我在 Node Js 后端使用 multer 从 React 前端上传文件。我一直将文件存储在 React public 文件夹中。我一直在我的 MonogoDB 数据库中保存图像路径....

回答 3 投票 0

如何在Nuxt中正确延迟加载图像?

是否可以在客户端同时使用 - ssr 和延迟加载图像。这是我的情况。我的标记是用 img[src] 渲染的,在我的 chrome 浏览器中按 ctrl+U 可以看到所有图像...

回答 1 投票 0

尝试将我的 Javascript 文件链接到我的 HTML 文件

文件顺序和html放置图片,js文件夹内 我试图将文件夹中的 js 文件链接到 html 文件,但它似乎不起作用。我正在创建一个下拉菜单并使用...

回答 1 投票 0

如何用 HTMX 替换 img src 属性

我想用表单帖子的响应替换 img 元素的 src 属性。 我现在正在做的是: 我想用表单 src 的响应替换 img 元素的 post 属性。 我现在正在做的是: <form hx-post="/myurl" hx-trigger="load,change" hx-target="#output" hx-swap="src"> </form> <img id="output" src=""/> 但我得到的是 <img id="output" class="" src=""> out/528813151211e4736a4531358cda6af03fd3ce79a96d2f60108f3777e2715c92.webp </src> 因此,它似乎是一个不知从何而来的“class”属性,并且从帖子中获取的值不会用作 src 属性的值。 我做错了什么? 您可以交换整个 src,而不是更改 img(然后服务器可以发送不同的 src)。 不幸的是,这可能会导致闪烁,因为src指向的资源无法立即可用。

回答 1 投票 0

未捕获的类型错误:无法设置 null 的属性(设置 'src')= `Cards/${dCard1}.png`;

我目前正在开发一款 JavaScript Blackjack 游戏,除了一个问题外,一切正常。当我最后尝试再次玩游戏时,我遇到了错误。有人可以请...

回答 1 投票 0

访问 iframe 问题 - 用于自动化测试的 python selenium

我正在尝试访问以下 iframe: 但我尝试的所有操作都无法找到它,因此无法找到first_name_value 元素来与文本框交互并填充文本框。 两条路

回答 1 投票 0

Java 源代码被 Intellij 中的反编译文件替换

当我使用 ctrl + 右键单击打开特定类时,我应该被重定向到一个包含 java 源代码的窗口,其中包含所有行和适当的注释。但相反,我得到了一个无线...

回答 2 投票 0

如何在新窗口中打开blob对象

如何立即在新选项卡中显示包含 pdf 内容的 Blob 或使用 iframe 内联显示它? 在 chrome 和 FF 中我可以使用这样的东西 var url = URL.createObjectURL(blob); $('#

回答 1 投票 0

动态添加带有src的脚本标签,可能包含document.write

我想在网页中动态包含脚本标签,但是我无法控制它的 src,所以 src="source.js" 可能看起来像这样。 文档.write(' <p>我想在网页中动态包含脚本标签,但是我无法控制它的 src,所以 src="source.js" 可能看起来像这样。</p> <pre><code>document.write(&#39;&lt;script type=&#34;text/javascript&#34;&gt;&#39;) document.write(&#39;alert(&#34;hello world&#34;)&#39;) document.write(&#39;&lt;/script&gt;&#39;) document.write(&#39;&lt;p&gt;goodbye world&lt;/p&gt;&#39;) </code></pre> <p>现在平常放</p> <pre><code>&lt;script type=&#34;text/javascript&#34; src=&#34;source.js&#34;&gt;&lt;/script&gt; </code></pre> <p>在头部工作正常,但是有没有其他方法可以使用 <pre><code>source.js</code></pre> 之类的东西动态添加 <pre><code>innerHTML</code></pre>?</p> <p><a href="http://jsfiddle.net/PRNnm/" rel="noreferrer">jsfiddle我所尝试过的</a></p> </question> <answer tick="false" vote="323"> <pre><code>var my_awesome_script = document.createElement(&#39;script&#39;); my_awesome_script.setAttribute(&#39;src&#39;,&#39;http://example.com/site.js&#39;); document.head.appendChild(my_awesome_script); </code></pre> </answer> <answer tick="false" vote="130"> <p>您可以像这样使用 <a href="https://developer.mozilla.org/en-US/docs/DOM/document.createElement" rel="noreferrer"><pre><code>document.createElement()</code></pre></a> 功能:</p> <pre><code>function addScript( src ) { var s = document.createElement( &#39;script&#39; ); s.setAttribute( &#39;src&#39;, src ); document.body.appendChild( s ); } </code></pre> </answer> <answer tick="false" vote="98"> <p>有<pre><code>onload</code></pre>函数,当脚本加载成功时可以调用它:</p> <pre><code>function addScript( src, callback ) { var s = document.createElement( &#39;script&#39; ); s.setAttribute( &#39;src&#39;, src ); s.onload=callback; document.body.appendChild( s ); } </code></pre> </answer> <answer tick="false" vote="39"> <p>差不多十年过去了,没有人费心去写 <pre><code>Promise</code></pre> 版本,所以这是我的(基于 <a href="https://stackoverflow.com/a/13122014/9449426">this</a> 答案):</p> <pre><code>const addScript = async src =&gt; new Promise((resolve, reject) =&gt; { const el = document.createElement(&#39;script&#39;); el.src = src; el.addEventListener(&#39;load&#39;, resolve); el.addEventListener(&#39;error&#39;, reject); document.body.append(el); }); </code></pre> <h2>使用方法</h2> <pre><code>try { await addScript(&#39;https://api.stackexchange.com/js/2.0/all.js&#39;); // do something after it was loaded } catch (e) { console.log(e); } </code></pre> </answer> <answer tick="false" vote="21"> <p>我编写的一个很好的小脚本来加载多个脚本:</p> <pre><code>function scriptLoader(scripts, callback) { var count = scripts.length; function urlCallback(url) { return function () { console.log(url + &#39; was loaded (&#39; + --count + &#39; more scripts remaining).&#39;); if (count &lt; 1) { callback(); } }; } function loadScript(url) { var s = document.createElement(&#39;script&#39;); s.setAttribute(&#39;src&#39;, url); s.onload = urlCallback(url); document.head.appendChild(s); } for (var script of scripts) { loadScript(script); } }; </code></pre> <p>用途:</p> <pre><code>scriptLoader([&#39;a.js&#39;,&#39;b.js&#39;], function() { // use code from a.js or b.js }); </code></pre> </answer> <answer tick="false" vote="18"> <p>当脚本异步加载时,它们无法调用 document.write。这些调用将被忽略,并且警告将写入控制台。</p> <p>您可以使用以下代码动态加载脚本:</p> <pre><code>var scriptElm = document.createElement(&#39;script&#39;); scriptElm.src = &#39;source.js&#39;; document.body.appendChild(scriptElm); </code></pre> <p>仅当您的源属于单独的文件时,此方法才有效。</p> <p>但是,如果您有源代码作为内联函数,您想要动态加载并且想要向脚本标记添加其他属性,例如类、类型等,那么以下代码片段将对您有所帮助:</p> <pre><code>var scriptElm = document.createElement(&#39;script&#39;); scriptElm.setAttribute(&#39;class&#39;, &#39;class-name&#39;); var inlineCode = document.createTextNode(&#39;alert(&#34;hello world&#34;)&#39;); scriptElm.appendChild(inlineCode); document.body.appendChild(scriptElm); </code></pre> </answer> <answer tick="false" vote="12"> <p>您可以尝试以下代码片段。</p> <pre><code>function addScript(attribute, text, callback) { var s = document.createElement(&#39;script&#39;); for (var attr in attribute) { s.setAttribute(attr, attribute[attr] ? attribute[attr] : null) } s.innerHTML = text; s.onload = callback; document.body.appendChild(s); } addScript({ src: &#39;https://www.google.com&#39;, type: &#39;text/javascript&#39;, async: null }, &#39;&lt;div&gt;innerHTML&lt;/div&gt;&#39;, function(){}); </code></pre> </answer> <answer tick="false" vote="10"> <p>一句话(不过与上面的答案没有本质区别):</p> <pre><code>document.body.appendChild(document.createElement(&#39;script&#39;)).src = &#39;source.js&#39;; </code></pre> </answer> <answer tick="false" vote="6"> <p><strong>这对我来说是工作。</strong> </p> <p>你可以检查一下。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>var script_tag = document.createElement(&#39;script&#39;); script_tag.setAttribute(&#39;src&#39;,&#39;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&#39;); document.head.appendChild(script_tag); window.onload = function() { if (window.jQuery) { // jQuery is loaded alert(&#34;ADD SCRIPT TAG ON HEAD!&#34;); } else { // jQuery is not loaded alert(&#34;DOESN&#39;T ADD SCRIPT TAG ON HEAD&#34;); } }</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="4"> <p>以正确的顺序加载相互依赖的脚本。</p> <p>基于 <a href="https://stackoverflow.com/a/57162086/1675736">Satyam Pathak</a> 响应,但修复了加载。 它是在脚本实际加载之前触发的。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>const scripts = [&#39;https://www.gstatic.com/firebasejs/6.2.0/firebase-storage.js&#39;, &#39;https://www.gstatic.com/firebasejs/6.2.0/firebase-firestore.js&#39;, &#39;https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js&#39;] let count = 0 const recursivelyAddScript = (script, cb) =&gt; { const el = document.createElement(&#39;script&#39;) el.src = script if(count &lt; scripts.length) { count ++ el.onload = () =&gt; recursivelyAddScript(scripts[count]) document.body.appendChild(el) } else { console.log(&#39;All script loaded&#39;) return } } recursivelyAddScript(scripts[count])</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="3"> <p>嗯,有多种方法可以包含动态 JavaScript, 我在很多项目中都使用这个。</p> <pre><code>var script = document.createElement(&#34;script&#34;) script.type = &#34;text/javascript&#34;; //Chrome,Firefox, Opera, Safari 3+ script.onload = function(){ console.log(&#34;Script is loaded&#34;); }; script.src = &#34;file1.js&#34;; document.getElementsByTagName(&#34;head&#34;)[0].appendChild(script); </code></pre> <p>您可以调用创建一个通用函数,它可以帮助您根据需要加载尽可能多的javascript文件。这里有关于此的完整教程。</p> <p><a href="https://movingdouble.com/inserting-dynamic-javascript-the-right-way/" rel="nofollow noreferrer">以正确的方式插入动态Javascript</a></p> </answer> <answer tick="false" vote="3"> <p>没有人提到这一点,但您也可以使用 <pre><code>URL</code></pre> 和 <pre><code>Blob</code></pre> 创建 URL,将实际源代码粘贴到脚本标记中:</p> <pre><code>const jsCode = ` // JS code in here. Maybe you extracted it from some HTML string. ` const url = URL.createObjectURL(new Blob([jsCode])) const script = document.createElement(&#39;script&#39;) script.src = url URL.revokeObjectURL(url) // dispose of it when done </code></pre> <p>至于<pre><code>jsCode</code></pre>,你可能已经从一些HTML中得到了它。</p> <p>这里有一个更完整的示例,说明如何处理 HTML 源中的任意数量的脚本:</p> <pre><code>main() async function main() { const scriptTagOpen = /&lt;script\b[^&gt;]*&gt;/g const scriptTagClose = /&lt;\/script\b[^&gt;]*&gt;/g const scriptTagRegex = /&lt;script\b[^&gt;]*&gt;[\s\S]*?&lt;\/script\b[^&gt;]*&gt;/g const response = await fetch(&#39;path/to/some.html&#39;) const html = await response.text() someElement.innerHTML = html // We need to get the script tags and manually add them to DOM // because otherwise innerHTML will not execute them. const codes = html .match(scriptTagRegex) ?.map(code =&gt; code.replace(scriptTagOpen, &#39;&#39;).replace(scriptTagClose, &#39;&#39;)) .map(code =&gt; URL.createObjectURL(new Blob([code]))) || [] for (const code of codes) { const script = document.createElement(&#39;script&#39;) script.src = code someElement.append(script) URL.revokeObjectURL(code) } } </code></pre> </answer> <answer tick="false" vote="1"> <p>执行此操作的唯一方法是将 <pre><code>document.write</code></pre> 替换为您自己的函数,该函数会将元素附加到页面底部。使用 jQuery 非常简单:</p> <pre><code>document.write = function(htmlToWrite) { $(htmlToWrite).appendTo(&#39;body&#39;); } </code></pre> <p>如果您的 html 像问题示例一样以块形式进入 document.write,则需要缓冲 <pre><code>htmlToWrite</code></pre> 段。也许是这样的:</p> <pre><code>document.write = (function() { var buffer = &#34;&#34;; var timer; return function(htmlPieceToWrite) { buffer += htmlPieceToWrite; clearTimeout(timer); timer = setTimeout(function() { $(buffer).appendTo(&#39;body&#39;); buffer = &#34;&#34;; }, 0) } })() </code></pre> </answer> <answer tick="false" vote="1"> <p>我通过递归附加每个脚本来尝试</p> <p><strong>注意</strong> 如果您的脚本相互依赖,则位置需要同步。</p> <p>主要依赖项应该位于数组的最后,以便初始脚本可以使用它</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>const scripts = [&#39;https://www.gstatic.com/firebasejs/6.2.0/firebase-storage.js&#39;, &#39;https://www.gstatic.com/firebasejs/6.2.0/firebase-firestore.js&#39;, &#39;https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js&#39;] let count = 0 const recursivelyAddScript = (script, cb) =&gt; { const el = document.createElement(&#39;script&#39;) el.src = script if(count &lt; scripts.length) { count ++ el.onload = recursivelyAddScript(scripts[count]) document.body.appendChild(el) } else { console.log(&#39;All script loaded&#39;) return } } recursivelyAddScript(scripts[count])</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>这是一个缩小的片段,与 Google Analytics 和 Facebook Pixel 使用的代码相同:</p> <pre><code>!function(e,s,t){(t=e.createElement(s)).async=!0,t.src=&#34;https://example.com/foo.js&#34;,(e=e.getElementsByTagName(s)[0]).parentNode.insertBefore(t,e)}(document,&#34;script&#34;); </code></pre> <p>将 <pre><code>https://example.com/foo.js</code></pre> 替换为您的脚本路径。</p> </answer> <answer tick="false" vote="-1"> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>window.addEventListener(&#34;load&#34;, init); const loadScript = async (url) =&gt; { const response = await fetch(url); const script = await response.text(); eval(script); } function init() { const wistiaVideo = document.querySelector(&#34;.wistia_embed&#34;); if (&#34;IntersectionObserver&#34; in window &amp;&amp; &#34;IntersectionObserverEntry&#34; in window &amp;&amp; &#34;intersectionRatio&#34; in window.IntersectionObserverEntry.prototype) { let lazyVideoObserver = new IntersectionObserver(function (entries, observer) { entries.forEach(function (entry) { if (entry.isIntersecting) { setTimeout(() =&gt; loadScript(&#34;//fast.wistia.com/assets/external/E-v1.js&#34;), 1000); lazyVideoObserver.unobserve(entry.target); console.log(&#34;E-v1.js script loaded from fast.wistia.com&#34;); } }); }); lazyVideoObserver.observe(wistiaVideo); } }</code></pre> <pre><code>&lt;div style=&#34;height: 150vh; background-color: #f7f7f7;&#34;&gt;&lt;/div&gt; &lt;h1&gt;Wistia Video!&lt;/h1&gt; &lt;div class=&#34;wistia_embed wistia_async_29b0fbf547&#34; style=&#34;width:640px;height:360px;&#34;&gt;&amp;nbsp;&lt;/div&gt; &lt;h1&gt;Video Ended!&lt;/h1&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

如何获取当前正在执行的javascript代码的文件路径

我正在尝试做类似 C #include "filename.c" 或 PHP include(dirname(__FILE__)."filename.php") 的事情,但是用的是 javascript。我知道如果我可以获得 js 文件加载的 URL(例如...

回答 10 投票 0

从JAVA资源文件夹中获取文件夹

大家好,我无法解决这个问题:这行代码应该可以工作 File[] file = (new File(getClass().getResource("resources/images_resultats"))).listFiles(); 我想要一个文件列表,

回答 3 投票 0

从 craigslist 搜索中抓取每张图片

我试图从 craigslist 搜索中提取每个图像 url,但似乎无法深入到 URL 本身。当我尝试 soup.find_all("a", { "class":"result-image gallery"} )[0].img 时,它不会返回...

回答 5 投票 0

如何获取从 images 子文件夹到 html 子文件夹的图像

我是 HTML 初学者。我一直在做一些练习和测试,发现了一个我无法在网上找到答案的问题。基本上,在 VScode 中,当图像位于“图像”子文件夹中时...

回答 1 投票 0

无法找到视频的路径,在下一个js src目录中

我尝试通过各种方法导入视频,但总是报错,无法嵌入视频。 这是 app/page.tsx 文件 从 '../assets/video/videoBg.m... 导入 {videoBg}

回答 1 投票 0

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