Question

我正在尝试创建一个脚本，其中用户键入将添加到链接的字符串。我对Javascript或HTML了解不多，所以这个例子真的很奇怪。

var base = "https://www.youtube.com/watch?v=";

var userInput = ReadForm();

button {


    <link>base + userInput</link>;

}

因此，假设用户输入“dQw4w9WgXcQ”链接：

var base = "https://www.youtube.com/watch?v="

var user input = "dQw4w9WgXcQ"

Link = https://www.youtube.com/watch?v=dQw4w9WgXcQ

感谢任何帮助：）

Answer 1

只需在html中添加一个文本框和一个按钮：

<input type="text" id="url"/>
<input type="button" value="Create Url" onclick="createUrl()"/>
<p id="output"></p>

在点击按钮的javascript中，只需制作完整的网址，然后将其显示给用户：

function createUrl() {
 var base = "https://www.youtube.com/watch?v=";
 document.getElementById("output").innerHTML = "<a href='" + base + document.getElementById("url").value + "'>" + base + document.getElementById("url").value + "</a>";
}

希望这有帮助。

Answer 2

请试试这个写一个div

<div id="div1">

</div>

并且这个javascript将是

  var anchr= document.createElement("a");
    var base = "https://www.youtube.com/watch?v="
    anchr.href = base+"somelink url";
    anchr.innerHTML='link Title';
    var element = document.getElementById("div1");
    element.appendChild(anchr);

请在行动here

中找到它

Answer 3

我不确定你在尝试什么，但请查看此代码。

<强>的JavaScript

function goToVideo() {
  var base = "https://www.youtube.com/watch?v="; 
  var userInput = document.getElementById('video-id').value;
  window.location = base + userInput;
}

<强> HTML

<input type="text" id="video-id"/>
<button onClick="goToVideo()">Link</button>

如果您愿意，可以将{p> window.location替换为return。

Answer 4

你可以这样做

$("#add").click(function() {
  var link;
  var utubeLink = "https://www.youtube.com/watch?v=";
  link = utubeLink + $("#get").val();
  $("#display").text(link);
  console.log(link);
});

$("#go").click(function() {
  var utubeLink = "https://www.youtube.com/watch?v=";
  link = utubeLink + $("#get").val();
  window.open(link);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="get">
<button id="add">
  Add
</button>
<button id="go">
  Go
</button>
<br>
<br>
<text id="display"></text>

以下是jsFiddle

希望有所帮助：）

Answer 5

您也可以使用 prompt 。

var base = "https://www.youtube.com/watch?v=";
var plus = prompt("Enter Link:");
alert(base+plus);

Answer 6

你可以用Java做到这一点。

如果您已经设置了Scanner（自从您说userInput后，您似乎已经拥有了设置）。如果没有，请评论，我将在其中进行编辑。

如果您只是将YouTube基本链接（“https://www.youtube.com/watch?v=”）存储在字符串变量中，那么您可以轻松地执行此操作。

请执行以下操作：

String baseLink = "https://www.youtube.com/watch?v=";
baseLink = baseLink + userInput;

您可以通过执行以下操作来测试这是否有效：

System.out.println(baseLink);

将用户变量添加到HTML中的链接

6 个答案: