onclick 中的 Javascript 变量

Question

所以，差不多我的脚本遇到了问题。 我正在尝试制作一个下载脚本（仅限内存，因此无需使用 HTML/PHP 进行下载，这会导致服务器加载超出我的预期）。 我所做的是从这里 (credit Matěj Pokorný) 获取脚本。 重点是下载一个随机数的txt文件，它被分配了一个var“x”， 这个 x 在同一个脚本中定义。 x 定义为随机数 (1-10 * 1000 FLOORED) 所以下载时它会是 1234.txt。 不幸的是，我不知道如何在 onclick 中定义变量，有人愿意为我解决这个问题吗？ 我尝试移动变量并将 's 放在 txt 和整个内容和所有内容周围，但无济于事。 我很抱歉这是多么愚蠢，但也许我疯狂的愚蠢问题可以帮助其他人。

JSFiddle 上的脚本：https://jsfiddle.net/Xevion/btpmweb9/1/

HTML

    <h1>Z</h1>
<p>Z</p>
<button onclick="download(x'.txt', 'Hello world!');" type="button" class="btn btn-lg btn-success btn-block">Download</button>

Javascript

var x = Math.floor((Math.random() * 1000) + 1);function download(filename, text) {
var pom = document.createElement('a');

pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
pom.setAttribute('download', filename);

if (document.createEvent) {
    var event = document.createEvent('MouseEvents');
    event.initEvent('click', true, true);
    pom.dispatchEvent(event);
}
else {
    pom.click();
}

Answer 1

x'.txt' 不是有效类型，无法被 JS 引擎解析。您想改为执行字符串连接。在你的函数调用中替换为x+'.txt'。

要掌握错误，请在控制台中尝试：

var x = "something";

'.txt'; // 'txt'
x; // 'something'
x'.txt'; // SyntaxError: Unexpected string
x+'.txt'; // 'something.txt'

该脚本也应该包含在button 标记之前，或者至少必须在解析onclick 函数之前定义x。纠正这种情况的一小步可能是将其添加到button上方的任何位置：

<script>var x;</script>

当您单击按钮时，原始脚本将运行，x 将获取其值。