zoukankan      html  css  js  c++  java
  • JS结合a标签的使用

    a标签可以当作按钮使用,也可以当作连接。

    <a href=javascript:test(5)>弹出5</a>    会直接调用JS函数(注意中间没引号)

    <a href="javascript:test(5)">弹出5</a>    会直接调用JS函数(注意中间有引号)

    等价于

    <a href="javascript:void(0)" onclick="test(6)">弹出6</a>


    href为#调到指定name的a处,如果只写#调到顶端
    <a href="#" name="zhixiang">zhixiang</a><p></p>
    <a href="#zhixiang">去zhixiang</a><p></p>
    <a href="#">回顶端</a><p></p>

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <script type="text/javascript">
            function test(ww){
                alert(ww);
            }
        </script>
        <body>
            
            
            <a href="#" name="zhixiang">zhixiang</a><p></p>
            <!--下面这三个个效果一样-->
            <a href=javascript:test("这是不带引号的JavaScript")>href=javascript:test("这是不带引号的JavaScript")</a><p></p>
            <a href="javascript:test('这是带引号的JavaScript')">href="javascript:test('这是带引号的JavaScript')"</a><p></p>
            <a href="javascript:void(0)" onclick="test(6)">弹出6</a><p></p>
            <p><p><p><p></p></p></p></p>
            <a href="javascript:void(0)">没反应</a><p></p>
            <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
            <a href="#zhixiang">去zhixiang</a><p></p>
            <a href="#">回顶端</a><p></p>
        </body>
    </html>
  • 相关阅读:
    JavaScript表单编程
    JavaScript事件模型
    DOM总结
    CSS3 媒体查询响应式布局
    BOM总结
    JS实现文字图片无缝滚动
    深入理解jQuery事件绑定机制
    被你忽略的jQuery常用方法“特异功能”
    关于BOM的学习总结
    Hello,World!
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/7251387.html
Copyright © 2011-2022 走看看