2016-10-02 67 views
-3

我是一个完整的web开发新手。所以请原谅我,如果我问一个愚蠢的问题。如何将浏览器重定向到textarea中的链接?

我想创建一个工具,将添加一个前缀链接。

其实我想创建一个文本框,其中粘贴链接,粘贴后,当我点击Go按钮时,工具应该添加一些前缀到粘贴链接,然后重定向浏览器到新链接(即粘贴链接+前缀添加)。

我以某种方式设法编写了一些代码,将添加前缀粘贴到文本框中的链接。但我无法将浏览器重定向到新的前缀链接。

我尝试使用“window.location.replace()”重定向但它不是解决方案。请帮帮我。

<script> 
function addtext() { 
    var newtext = "SOME-PREFIX"; 
    document.myform.outputtext.value += newtext; 
} 
</script> 

<form name="myform"> 
<textarea name="outputtext" rows="6" column="3"></textarea><br> 
<input type="button" value="GO" onClick="addtext();"></p> 
</form> 
+0

*我尝试使用重定向里面“window.location.replace()”为重定向但它不是解决方案* - 是的,它是。我们无法分辨您做错了什么,但您并未包括您尝试使用它。 – Quentin

回答

0

类似的东西?:

function addtext() { 
 
    var newtext = "SOME-PREFIX"; 
 
    window.location = document.querySelector("textarea").value + newtext; 
 
}
<form name="myform"> 
 
    <textarea name="outputtext" rows="6" column="3"></textarea> 
 
    <br> 
 
    <input type="button" value="GO" onClick="addtext();"> 
 
    </p> 
 
</form>

+0

但代码不工作?????? –

+0

是的,它的工作 – Fralec

+0

困惑.....我点击'运行代码片段',并尝试点击去 - 什么都没有发生 –

0

您可以使用

window.location.href = document.myform.outputtext.value + newtext;

随着你addtext函数的最后一行。

[增订] 在这里看到一个样本:http://jsbin.com/vodutodaho/edit?js

但是它不jsbin