如何在javascript中添加链接_Javascript_Jquery_Object

如何在javascript中添加链接

javascript jquery object

如何在javascript中添加链接,javascript,jquery,object,Javascript,Jquery,Object,我使用下面的Javascript制作一种流程图，用户在其中单击一组问题。对于某些回复，我想链接到一个外部网站，在那里可以找到更多信息。如何添加这些链接 HTML <!DOCTYPE html> <html lang="en"> <head> </head> <body> <div class="wrapper"> <div class="container"> &

我使用下面的Javascript制作一种流程图，用户在其中单击一组问题。对于某些回复，我想链接到一个外部网站，在那里可以找到更多信息。如何添加这些链接

HTML
<!DOCTYPE html>
<html lang="en">
  <head>
  </head>
  <body>

    <div class="wrapper">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 text-right">
            <button class="btn btn-default btn-corner" type="submit" data-bind="click: startOver, visible: queryData().id > 0">Start over</button>
          </div>
        </div>
      </div>

      <div class="container main">
        <div class="row">
          <div class="c12 text-center">
            <h1 data-bind="text: queryData().text"></h1>
            <h3 data-bind="text: queryData().subhead"></h3>
            <div class="option-group" data-bind="foreach: queryData().answers">
              <button class="btn btn-default btn-lg" type="submit" data-bind="click: $parent.goToTarget, text: text"></button>
            </div>
            <button class="btn btn-default" type="submit" data-bind="click: stepBack, visible: navHistory().length > 1">Previous Step</button>
          </div>
        </div>
      </div>
      <div class="push"></div>
    </div>


    <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js"></script>
    <script src="app.js?v=0.4.0"></script>

    <script>
    </script>
  </body>
</html>

HTML
重新开始
上一步

Javascript如下所示：

var查询=[{
id:0，
文本：“从哪里开始？”，
答复:[{
文字：“让我们开始吧！”，
目标：1
}]
}, {
id:1，
文本：“你想从哪种类型开始？”，
答复:[{
文字：“幻想”，
目标：100
}, {
文字：“科幻”，
目标：2
}, {
文本：“两者都不是”，
目标：59
}]
}, {
id:2，
文字：“它是巨大的，但它是值得的。Neal Stephenson的Cryptonomicon”，
答复:[{
文本：“Amazon.co.uk”，
目标：“_blank”
}, {
文字：“Amazon.com”
}]
}];
函数QueryViewModel（）{
var self=这个；
self.querySet=ko.observable（）；
self.currentStep=ko.observable（）；
self.queryData=ko.observable（）；
self.sfw=ko.observable（）；
self.navHistory=ko.observableArray（）；
//操作
self.goToTarget=函数（obj）{
self.navHistory.push（self.currentStep（））；
自身电流阶跃（目标）；
self.queryData（self.querySet（）[obj.target]）；
}
self.startOver=函数（）{
self.navHistory.removeAll（）；
self.goToTarget（{target:0}）；
}
self.stepBack=函数（）{
var lastStep=self.navHistory（）.length>1？self.navHistory.pop（）：0；
self.currentStep（最后一步）；
self.queryData（self.querySet（）[lastStep]）；
}
var paramsString=document.location.hash.substring（1）；
var params=新数组（）；
if（paramsString）{
var paramValues=paramsString.split（“&”）；
对于（变量i=0；i

在对象中添加链接，如：

text: "Fantasy",
link: "http://www.stackoverflow.com",
target: 2

现在，当您需要转到该链接时，请使用此功能：

var link = obj.link;
window.open(link, "_blank");

在html中，您可以执行以下操作：

<button type="button" onclick="window.open('https://google.com/', '_self')">Button</button>

您可以在此处练习使用js：在此了解更多信息：

我不知道为什么你会向我们展示JSON来打开另一个页面的链接。除非我误解了。这种基本信息可以通过快速的谷歌搜索找到。

这只是json数据部分。请用您正在使用的html和js更新问题。@AndrewL。这不是

json

，而是一个对象文本：P@william克拉克，你确实意识到这一点，

var self=this是胡说八道吗？关闭括号}
后，继续引用它。我不明白这一点。浏览器中的self
是window对象，但我不确定这是否是您在代码中想要的。@hectorbobassa我已经为我的问题添加了一些进一步的代码。如何调用该函数？window.open是该函数。输入！
<button type="button" onclick="window.open('https://google.com/', '_self')">Button</button>

<a href='https://www.google.com/'>Link</a>