如何重定向页面放大器?

时间:2018-04-25 16:33:35

标签: amp-html

我需要将以下javascript代码调整为放大器页面。

<select id="url"> 
   <option value='home'>home</option> 
   <option value='contact'>contact</option> 
</select>

<input type="button" value='ir' onclick='ir()'> 

<script> 
function ir(){ 
   var url=document.getElementById("url").value; 
   location.href=url; 
}
</script>

可能吗?

在文档中我找不到答案。

1 个答案:

答案 0 :(得分:1)

您正在使用按钮和onclick功能,在AMP中代替此功能,您可以使用锚标记<a href="Value">Value</a>并使用`amp-bind&#39;

更改网址

您可以使用amp-bind来实现目标

Here is working URL

在标题

中添加JS
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

在正文中添加代码

<div class="wrapper">

    <select on="change:AMP.setState({ url: event.value })">
      <option value='home'>home</option> 
      <option value='contact'>contact</option> 
    </select>

    <a [href]="url" href="home">ir</a>

</div>

已更新 - 如果有人希望重定向选项更改而非使用navigateTo操作

示例:

<select on="change:AMP.navigateTo(url=event.value)">
    <option value="http://google.com">google.com</option>
    <option value="http://yahoo.com">yahoo.com</option>
    <option value="http://bing.com">bing.com</option>
  </select>