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

Add a user variable to a link in HTML

本文关键字：链接 HTML 用户 变量 添加      更新时间：2023-09-26

我正在尝试制作一个脚本，用户在其中键入将添加到链接中的字符串。我对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"

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

任何帮助都值得赞赏:)

你可以这样做

$("#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

希望对:)有所帮助

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

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>

如果需要，window.location可以替换为return。

请尝试这个 写一个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);

请在此处找到它的实际应用

您也可以

使用 prompt .

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

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

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

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

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>";
}

希望这有帮助。

你可以在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);
相关文章：