如何设置默认 link 和 javascript？

Question

我尝试在模式中设置默认值 link，但没有用（我是 javascript 的新手）。

这是我的完整代码：

    <a href="#my-id" data-uk-modal="{center:true}"></a>
    <button class="md-btn md-btn-success" id="openmodal" data-uk-modal="{target:'#my_id', keyboard: false, bgclose: false}" style="display:none !important;"></button>

    <div class="uk-modal" id="my_id">  
       <div class="uk-modal-dialog">
           <div class="uk-modal-header">
              <div uk-grid class="uk-grid">
                <div class="modal-block">
                 <h3>Project</h3>
    <b>project description, lorem ipsum... <a href="https://www.instagram.com/user/">instagram</a></b>
             </div>
               <div class="modal-block">
               <h3>Terms</h3>
    <b>terms description</b>
              </div>
               <div class="modal-block">
                <h3>Cookies</h3>
    <b>cookies description</b>
               </div>
           </div>
         </div>

                    <div class="uk-modal-footer uk-clearfix">
                    <a id="default-link" uk-tooltip="{title: okay, i accept!; pos: bottom}" class="us--main-button uk-float-right entersite uk-modal-close" href="javascript:void(0)">Accept and enter</a>
                    <a  id="dont-def" uk-tooltip="{title: I do not agree!; pos: bottom}" class="us--leave-button uk-float-right" href="https://google.com">Deny and leave</a>
         </div>
      </div>
    </div>


    <script>
     $(document).ready(function(){
       $('#openmodal').trigger('click');
    })  
    </script>
    <script>
    window.onload = function() {
       document.getElementById("default-link").focus();
    };
    </script>

当我在任何浏览器中打开页面时，默认显示 link 将是第一个 (instagram)...这有什么问题吗？

Answer 1

该代码在提供 link 焦点时有效，但如果按一下输入（或单击它），则不会发生任何事情，因为您已使用 href="javascript:void(0)"[= 取消了它的操作14=]

这是一个示例，显示 focus() 确实有效。

点击 "Run code snippet" 并点击 "Enter"，您将收到提醒。

window.onload = function() {
    document.getElementById("default-link").focus();
};

<div class="uk-modal" id="my_id">
  <div class="modal-block">
    lorem ipsum... <a href="https://www.instagram.com/user/">instagram</a>
  </div>
  <div class="modal-footer">
    <a id="default-link" class="uk-modal-close" href="javascript:alert('Accept')">Accept and enter</a>
    <a class="uk-float-right" href="https://google.com">Deny cookies and leave</a>
  </div>
</div>

Answer 2

我现在才找到真正最好的解决方案，因为 window.onload 会变慢，并且当网站加载时，默认 link 超过第一个 link当前页面...

所以最好的 html5 解决方案，非常简单，这确实使您的任何项目成为默认值，独立于页面或文档加载：

<div autofocus>

如何设置默认 link 和 javascript？

How to set default link with javascript?

javascript

focus