关注微信公众号 太平洋学习网 扫描二维码
最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

javascript:的使用示例解析|js教程

JS/CSS 太平洋学习网 浏览 评论

 javascript: 在js中的使用其实很广泛,例如下面的这个你就会很熟悉,如下。

javascript:void(0);

javascript:void(0); 表示什么也不做,没有任何点击事件,如果在<a>标签的href中使用的话,可以将a标签的光标变成小手状态。

<a href="javascript:void(0);">a标签事件</a>

<a href="javascript:">a标签事件</a>

为什么要在div或者a标签中使用 javascript: 呢?应为它起到了简化代码的作用,不用专门的去写一个javascript事件,如下。

<div onclick="javascript:alert('hello world');">div alert事件</div>

<div onclick="javascript:console.log('hello world');">div log输出事件</div>

当然了,如果javascript: 与onclick事件同时存在的话,onclick仍然会生效,不会受到任何影响,如下。

<a href="javascript:void(0)" onclick="haha()">a标签事件</a>

<script>
    function haha() {
        alert("hehe");
    }
</script>

 

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/1031/338.html