gpt4 book ai didi

javascript - 将名称文件(作为变量)分配给 html 元素中的 src 属性

转载 作者:太空宇宙 更新时间:2023-11-04 15:26:31 25 4
gpt4 key购买 nike

我正在开始我的 Javascript 冒险。我陷入了代码的一部分。我想将文件名的分配更改为 html 元素中的 src 属性。我在外部函数中创建文件名,然后将其传递给设置新 src 属性的函数。我不明白为什么它不起作用。当我分配一个确切的文件时,它就可以工作。有人可以向我解释一下吗?下面是代码:

index.html

<html>

<head>

<script type="text/javascript" src="navContent.js"></script>

</head>

<body>
<nav>
<ul>
<li>
<a href="#newFile" onclick="showDescriprion('newFile')">newFile</a>
</li>
</ul>
</nav>

<p id="demo"></p>

<section class="description">
<h2 id="nevTitle"></h2>
<script id="nevDescript" src=none></script>
</section>

</body>

</html>

navContent.js

function showDescriprion(chosenNav){

var idDescript = document.getElementById("nevDescript");

document.getElementById("nevTitle").innerHTML=chosenNav;

idDescript.setAttribute("src", chosenNav.toLowerCase().concat(".js"));

//checking
document.getElementById("demo").innerHTML=idDescript.getAttribute("src");
}

newfile.js

document.write(
<dl>\
<dt>Uni</dt>\
<dd>Des</dd>\
</dl>);

问题在这里:<script id="nevDescript" src=none></script> 。当我写src="newfile.js"时有用。我想避免做开关盒。这就是为什么我要做 function showDescriprion(chosenNav)

最佳答案

您想要做的是动态添加新脚本,请尝试搜索有关它的更多信息。您可以从这里开始 - https://www.danielcrabtree.com/blog/25/gotchas-with-dynamically-adding-script-tags-to-html - 您会发现一些提示和警告,说明在这种情况下 document.write 调用将不起作用(此外,您忘记使用引号)。您还可以查看上一个问题 Loading scripts after page load? ,@Nicolas Bouvrette 和 @Johannes H. 发布的答案不需要使用任何额外的库。

关于javascript - 将名称文件(作为变量)分配给 html 元素中的 src 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47403381/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com