需要修改 HTML 重定向脚本帮助以显示重定向 url 而不是重定向答案

【问题标题】：HTML redirection script help needed to modify to show the redirection url instead of redirecting需要修改 HTML 重定向脚本帮助以显示重定向 url 而不是重定向
【发布时间】：2015-07-26 17:21:40
【问题描述】：

这是脚本：

<HTML>
    <HEAD>
        <SCRIPT type="javascript">
        function goToPage(var url = '')
        {
        var initial = "http://www.blossompromotions.com/-p-";
        var extension = "html";
        
        window.location(initial+url+extension);
        }
        </SCRIPT>
        <TITLE>Redirect 1</TITLE>
        <BASE HREF="http://www.blossompromotions.com/">
    </HEAD>
    <BODY>
        <P></P>
        <FORM name="something" action="#">Label 
            <INPUT type="text" name="url" value="" onSubmit="goToPage(this.value)" />
            <INPUT type="submit" value="GO" />
        </FORM>
    </BODY>
</HTML>

这会重定向到 url，但我希望用户能够看到和复制 url。请告诉一个命令而不是 goToPage，它将在屏幕上显示 url 供用户复制。

【问题讨论】：

标签： javascript html redirect dom-events

【解决方案1】：

function goToPage(url){
var initial = "http://www.blossompromotions.com/-p-";
var extension = ".html";
var link = document.getElementById('gotoURL');
link.innerHTML = url ? initial+url+extension : '' ;
link.href = initial+url+extension;
}

<FORM name="something" action="#">
Label 
<INPUT type="text" name="url" value="" onkeyup="goToPage(this.value)">
<INPUT type="submit" value="GO">
</FORM>
<a href="" id="gotoURL"></a>

【讨论】：

非常感谢，但只有一个问题，用户如何复制此网址？
这取决于你，使用一些模态插件来显示 url 或有另一个输入框或 span 来保存 url 并显示它。检查更新的答案
我是新手，没有这样显示表单输入的命令吗？
哇，你真棒 :) 非常感谢，工作就像一个魅力
你能告诉我如何使 span 的文本超链接或可点击吗？

【解决方案2】：

您可以使用 JavaScript 来完成，并在您的输入文本中添加一个 ID

function goToPage(var url = '')
{
var initial = "http://www.blossompromotions.com/-p-";
var extension = "html";

document.getElementById('url').value=initial+url+extension ; 
}

<FORM name="something" action="#">
Label 
    <INPUT id="url" type="text" name="url" value="" onSubmit="goToPage(this.value)">
    <INPUT type="submit" value="GO">
</FORM>

【讨论】：

你能告诉一个命令而不是 goToPage 用户可以通过它看到打印在他的屏幕上的 url 吗？