如何使用链接来调用JavaScript？

如何使用链接调用JavaScript代码？

1> EndangeredMa..：

---

不引人注目的JavaScript,没有库依赖:

    


    linky        

---

你能解释一下为什么这比当前接受的答案要好,脚本应该放在页面里(因为这显然是一个初学者级别的问题)？

---

当然可以.更新.

---

那么如果我不想重定向用户而只是想运行一些代码,我会为`href`添加什么？编辑:我看到它可以留空:`href =""`.

---

如果您担心的一个问题是您不希望将功能工作单元分离到源文件中的不同物理位置,或者分散在许多源文件中,那该怎么办？如果你在一个href标签中放了一个javascript调用,那么通过查看一行发生的事情是非常清楚的.我会担心将这些功能分成不同的物理位置,在这些地方很难得到正在发生的事情.也许这只是我的风格.

---

为什么通过`window.onload`添加`onclick`事件更好,而不是将`onclick`直接放在``标签中？

---

它不会重定向浏览器.您应该将真实的URL放在href中,即使您的javascript将替换该操作.这样,如果他们没有启用JavaScript,您的链接仍然有效.

---

稍加思考，我并不反对整个想法，但我认为在某个时候（这是一个案例），您可以将其推得太远。

---

这会重新加载页面,因此重置其他表单元素.使用"链接"实现来运行JavaScript确实需要重新加载页面.

---

您可以使用`document.getElementsByClassName`代替.

2> Chelsea..：

---

要么

编辑:

上面的回答确实不是一个好的解决方案,自从我最初发布以来已经学到了很多关于JS的知识.有关解决此问题的更好方法,请参阅下面的EndangeredMassa答案.

---

这是1998年的代码.使用其中一个不引人注目的解决方案.请.

---

我推荐第二个,因为第一个滚动到页面顶部.

---

是的,它肯定会,除非你添加"返回假"; 在你的功能之后.

---

不要用任何一个!链接用于链接,它们不是调用javascript的虚拟元素.

---

如果你要将javascript内联这样做:

---

你应该提到jsfunction需要调用括号.即`onclick ="jsfunction()"`,否则,它将不会做任何事情,因为我从[问题](http://stackoverflow.com/q/16944982/1385198)的问题中学到了问题,尽管答案是不理想(现在很老),我提到它是为了避免像我一样混淆别人.

3> Matt Grande..：

---

Clicky

编辑,多年后:不!不要这样做!我当时年少无知!

---

你已经长大了马特.我以你为荣.

---

也许用这种方法描述一些问题？这比`onclick`中的`href ='#'和`alert()`更糟糕吗？

---

快速解释为什么*"不要这样做!"*真的很受欢迎......

---

我认为人们在你的答案中赞成编辑:)

---

我是javascript的新手,不明白这有什么问题..任何解释都会很好

4> Mister Lucky..：

---

而且,为什么不用jQuery不引人注目:

  $(function() {
    $("#unobtrusive").click(function(e) {
      e.preventDefault(); // if desired...
      // other methods to call...
    });
  });

HTML

jquery

---

因为不是每个人都使用jquery.

---

这是否适用于搜索引擎优化,爬虫将找到链接并遵循它？

5> Fire Crow..：

---

不引人注目的Javascript有许多优点,这里有它采取的步骤以及为什么它的使用是好的.

链接正常加载:

点击此处

这很重要,因为它适用于未启用javascript的浏览器,或者如果javascript代码中的错误不起作用.

javascript在页面加载时运行:

 window.onload = function(){
        document.getElementById("DaLink").onclick = function(){
               if(funcitonToCall()){
                   // most important step in this whole process
                   return false;
               }
        }
 }

如果javascript成功运行,可能使用javascript加载当前页面中的内容,返回false会取消链接触发.换句话说,如果javascript成功运行,put return false会禁用链接.虽然允许它运行,如果javascript没有,做一个很好的备份,以便您的内容以任何方式显示,搜索引擎和您的代码中断,或在非JavaScript系统上查看.

关于这个主题的最好的书是Jeremy Keith的"Dom Scription"

6> Mark Biek..：

---

或者,如果您正在使用PrototypeJS

    


    

        

            
            

                
                    
                
            

            

                谢谢巷议            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    actionscrip
                
                                

                    bash
                
                                

                    c#
                
                                

                    c++
                
                                

                    c语言
                
                                

                    erlang
                
                                

                    flutter
                
                                

                    go
                
                                

                    golang
                
                                

                    java
                
                                

                    javascript
                
                                

                    lua
                
                                

                    node.js
                
                                

                    perl
                
                                

                    php
                
                                

                    python
                
                                

                    scala
                
                                

                    typescript
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1Logcat错误消息 - 尝试以非零计数销毁屏障
                
                                

                    2getDrawable()在尝试从imageview获取位图时给出null对象
                
                                

                    3如何在Windows上从命令行启动MingW控制台(GitBash)？
                
                                

                    4socket.send()和socket.sendall()有什么区别？
                
                                

                    5如何将TypeScript WebPack ts-loader与Angular2 @View样式集成？
                
                                

                    6为什么基于排名的推荐使用NDCG？
                
                                

                    7点按时,Universal Links不会将用户重定向到我的应用
                
                                

                    8将功能参数识别为输入或输出
                
                                

                    9如何为QTableWidget创建过滤器？
                
                                

                    10如何正确导入Wand到python？
                
                                

                    11如何在ViewController中为UIButton创建事件？
                
                                

                    12webpack umd lib和外部文件
                
                                

                    13PHP:重新加载时重置会话生存期
                
                                

                    14是否有可能在另一个请求中有一个Angular js $ http请求？
                
                                

                    15C#任务未完成(命令提示符中没有结果)
                
                                

                    16Android数据绑定后备/默认值
                
                                

                    17Visual Studio 2015挂起然后:'XamarinIOSPackage'包未正确加载
                
                                

                    18位置固定100父母
                
                                

                    19新ASP.NET MVC 6标识中AspNetUsers表中ConcurrencyStamp列的用途是什么？
                
                                

                    20Array.create和锯齿状数组