阅读文本框用户输入并使用javascript插入超链接

时间:2016-08-30 12:07:56

标签: javascript html hyperlink

我正在学习Javascript 我想:

  1. 读取用户输入(插入到链接地址的号码)
  2. 将输入插入超链接字符串。
  3. 启动超链接。
  4. 我能够读取输入并创建字符串,但我无法启动它来启动网站。该字符串看起来正确,但是,我不确定问题实际上是字符串还是我没有正确启动它。我能够找到每个步骤的例子,但似乎无法将它们放在一起。

    这是我目前的代码:(无法测试链接,因为我看不到它) 如果这不正确,我很抱歉。粘贴时看起来是正确的。

    <script type="text/javascript" >
    
    function myLink() {
        var numberEntered = document.getElementById("lessNum").value; //Read  input
        var lessonlink =  'http://www.ASmarterWayToLearn.com/js/' + numberEntered + '.html'; //Create link
    
        window.open(lessonLink); //Go to link
    
        document.getElementById("theLink").value = lessonLink; // check link address
    
    }
    </script>
    
    <!-- Read Lesson number -->
    <form>
        Lesson Number:<br>
        <input type="text" id="lessNum" onBlur="myLink();"><p>
    
        <!-- Display link for verification -->
        Link:<br>
        <input type="text" id="theLink" style="width: 400px;"><p>
    </form>
        <p>
    

1 个答案:

答案 0 :(得分:1)

在Javascipt:

window.open(yourString);

来源:http://www.w3schools.com/jsref/met_win_open.asp