gpt4 book ai didi

javascript - 如何使用javascript制作动态变化的下载链接?

转载 作者:可可西里 更新时间:2023-11-01 13:03:19 25 4
gpt4 key购买 nike

我正在制作一个 Flash 画廊网站,我希望页面底部的文本是 Flash 的下载链接。此文本更改为当前正在显示的当前 Flash 的标题。我希望 href 标签动态更改以匹配正在播放的特定 Flash 的文件路径,以便用户可以下载它。这是我第一次尝试下载链接,更不用说那些随变量动态变化的链接了。所以简而言之,我希望链接更改为链接数组中存在的文件路径。

包含我的动态链接起始代码的函数称为下载

HTML

<body>

<div id="titleText">
<h1>Anon Curb</h1>
</div>
<div id="flashmovie">
<object type="application/x-shockwave-flash" data="swfs/welcomeflash.swf">'+
<param name="movie" value="swfs/welcomeflash.swf">
</object>
</div>
<!-- end #container -->
<div id="buttonCon">

<div id="buttons">
<button id="next">next</button>

<button id="rand">Random</button>

<button id="back">Back</button>
</div>

</div>

<div id="titleCon">
<a href="#" id="downLink">
<div id="title">Hit random button</div>
</a>
</div>
<!-- end #wrapper -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="js/flashcollection.js"></script>
</body>

JavaScript

$(document).ready(function () {
var links = [
'swfs/#1%20(Special%20Japanese%20Extended%20Dance%20Mix).swf',
'swfs/$D6.swf',
'swfs/(MAD)%20Huh.swf'
];

var displaytext = [
'#1 (Special Japanese Extended Dance Mix)',
'$D6',
'(MAD) Huh'
];

var c = 0
var flashmovie, test, temp;

function init() {
flashmovie = document.getElementById('flashmovie');
document.getElementById('back').onclick = function () {
if (c == 0) {
c = links.length;
}
c--
displayFiles();
}

document.getElementById('next').onclick = function () {
if (c == links.length - 1) {
c = -1;
}
c++;
displayFiles();
}

document.getElementById('rand').onclick = function () {
temp = c;
while (c == temp) {
c = Math.floor(Math.random() * links.length);
}
displayFiles();
}
}

function displayFiles() {

test = links[c].substring(links[c].lastIndexOf('.') + 1, links[c].length);
document.getElementById('title').innerHTML = displaytext[c];

flashmovie.innerHTML =
'<object type="application/x-shockwave-flash" data="' + links[c] + '">' +
'<param name="movie" value="' + links[c] + '">' +
'<\/object>';
}

function download() {
document.getElementById('rand', 'back', 'next').onclick = function () {
document.getElementById('downlink').attr("href", links[c]);
}
}

window.addEventListener ?
window.addEventListener('load', init, false) :
window.attachEvent('onload', init);
});

最佳答案

正确的javascript

这使用了 Soltani Neji 的编辑下载功能以及更改下载属性的标签,没有它就无法工作。虽然不知道这对我来说是正常的还是特殊的

var c = 0;
var flashmovie, test, temp;

function init() {
flashmovie = document.getElementById('flashmovie');
document.getElementById('back').onclick = function () {
if (c == 0) {
c = links.length;
}
c--
displayFiles();
download();
}

document.getElementById('next').onclick = function () {
if (c == links.length - 1) {
c = -1;
}
c++;
displayFiles();
download();
}

document.getElementById('rand').onclick = function () {
temp = c;
while (c == temp) {
c = Math.floor(Math.random() * links.length);
}
displayFiles();
download();
}

}

function displayFiles() {

test = links[c].substring(links[c].lastIndexOf('.') + 1, links[c].length);
document.getElementById('title').innerHTML = displaytext[c];

flashmovie.innerHTML =
'<object type="application/x-shockwave-flash" data="' + links[c] + '">' +
'<param name="movie" value="' + links[c] + '">' +
'<\/object>';
}

function download() {
document.getElementById('downLink').setAttribute('href', links[c]);
document.getElementById('downLink').setAttribute('download', displaytext[c]);
}

window.addEventListener ?
window.addEventListener('load', init, false) :
window.attachEvent('onload', init);
});

关于javascript - 如何使用javascript制作动态变化的下载链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36440017/

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