c# - javascript 按钮点击

Question

我有以下JS：

<script>
   function SetContent(link) {
            document.getElementById('lowerContent').innerHTML =
         "<iframe frameborder='0' src='" + link + "' width=100%' height='" + (screen.height - 100) + "px'";
        } 
</script>

像这样调用它：

<a href="javascript:SetContent('http://urlhere);" title="URL">URL</a>

如何<a>在按钮单击时执行？或者如何分配"javascript:SetContent('http://urlhere);"给<input type=button>

不需要回发。点击只是重置主 div 并使用提供的 URL 添加一个 iframe。适用于<a>但不确定如何将其移动到按钮。

onclick 只会导致回发，没有别的。

Answer 1

将 javascript 分配给按钮点击的工作方式如下：

<input type="button" onclick="javascript:SetContent('http://urlhere);" value="Click me at your own risk!">

相应地调整属性（id 等）。

Answer 2

<input type="button" onclick="SetContent('http://urlhere');" />

Answer 3

在您设置的脚本中返回 false。因此，它返回 true 并调用回发。您不需要在 href 上添加 javascript。您可以按如下方式添加 onclick：

<input type="button" onclick="SetContent('http://urlhere');" />

<script>
    function SetContent(link) 
    {
        document.getElementById('lowerContent').innerHTML = "<iframe frameborder='0' src='" + link + "' width=100%' height='" + (screen.height - 100) + "px'";
        return false;
    } 
</script>

Answer 4

尝试这个。使用 onclick 代替 href。

<a href="#" onclick="javascript:return SetContent('http://www.google.com');" title="URL">URL</a> 

或者

<a href="javascript:void(0);" onclick="javascript:return SetContent('http://www.google.com');" title="URL">URL</a>