精华内容
下载资源
问答
  • 链接跳转:在本页面跳转

    千次阅读 2019-12-12 15:16:50
    链接跳转:在本页面跳转为什么要使用`href=”javascript:void(0);”`?`href=”javascript:void(0);”`与`href=”#"`的区别:使用javascript的方法 href=”javascript:void(0);”这个的含义是,让超链接去执行一个js...

    • href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,
    • void(0)表示一个空的方法,也就是不执行js函数。

    为什么要使用href=”javascript:void(0);”

    • javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式,但不让链接执行实际操作,
    • <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接
    • <a href="#" οnclick="javascript:return false;"> 作用一样,但不同浏览器会有差异。

    href=”javascript:void(0);”href=”#"的区别:

    • <a href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部 <a href="#">点击 点击后会回到网面顶部;
    • "#"其实是包含了位置信息,例如默认的锚点是#top 也就是网页的上端
    • javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是可是跳动到了页首;
    • javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)

    使用javascript的方法

    1、<a href="#" οnclick="javascript:方法;return false;">文字
    2、<a href="javascript:void(0)" οnclick="javascript:方法;return false;">文字
    3、<a href="javascript:hanshu();"这样点击a标签就可以执行hanshu()函数了。

    简单代码栗子

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <ul style="position: fixed;">
            <li><a href="javascript:;" data-tab="eat">111</a></li>
            <li><a href="javascript:;" data-tab="sleep">222</a></li>
            <li><a href="javascript:;" data-tab="walk">333</a></li>
         </ul>
        <div >
          <div data-tab="eat" style="background:cyan; height:500px;">
            111
          </div>
          <div data-tab="sleep" style="background:lightgreen;height:1000px;">
            222
          </div>
          <div data-tab="walk" style="background:LightSalmon;height:1000px;">
            333
          </div>
        </div>
    
         <script>
         [].slice.call(document.querySelectorAll('a')).forEach(function(el){
            el.addEventListener('click', function(){
                var target = document.querySelector('div[data-tab=' + this.getAttribute('data-tab')+ ']' )
                target.scrollIntoView(true);
             })
          })
         </script>
    </body>
    </html>
    
    展开全文
  • vue本页面跳转

    千次阅读 2019-08-26 17:42:56
    vue本页面路由跳转 1.方案一 在router文件夹下的index.js中加入以下代码 // 原页面跳转 const originalPush = Router.prototype.push Router.prototype.push = function push (location) { return originalPush....

    vue本页面路由跳转

    1.方案一
    在router文件夹下的index.js中加入以下代码

    // 原页面跳转
    const originalPush = Router.prototype.push
    Router.prototype.push = function push (location) {
      return originalPush.call(this, location).catch(err => err)
    }
    //
    

    2.方案二
    使用vue的组件内更新router的方法

    beforeRouteUpdate (to, from, next) {
        // 在当前路由改变,但是该组件被复用时调用
        // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候,
        // 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
        // 可以访问组件实例 `this`
        // 别忘了最后调用next
        next()
      }
    

    注意
    方案一会在修改全局的router.js文件,所以方案二更好
    本页面跳转时 使用 replace 更好
    router.replace(路径)

    展开全文
  • 链接跳转(本页面跳转

    千次阅读 2018-06-01 08:36:07
    href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,     而void(0)表示一个空的方法,也就是不执行js...void(0)表示不作任何操作,这样会防止链接跳转到其他页面...

    href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,

     

     

    而void(0)表示一个空的方法,也就是不执行js函数。

    为什么要使用href=”javascript:void(0);”

    javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式,但不让链接执行实际操作,

    <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接

    <a href="#" οnclick="javascript:return false;"> 作用一样,但不同浏览器会有差异。

     

    href=”javascript:void(0);”与href=”#"的区别

    <a href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部 <a href="#">点击</a> 点击后会回到网面顶部

    "#"其实是包含了位置信息,例如默认的锚点是#top 也就是网页的上端

    而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首

    而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)

     

    使用javascript的方法

    <a href="#" οnclick="javascript:方法;return false;">文字</a>

    <a href="javascript:void(0)" οnclick="javascript:方法;return false;">文字</a>

     

    <a href="javascript:hanshu();"这样点击a标签就可以执行hanshu()函数了。

    展开全文
  • "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转 转载于:https://www.cnblogs.com/huanghuali/p/8144708.html...

    "window.location.href"、"location.href"是本页面跳转

    "parent.location.href"是上一层页面跳转
    "top.location.href"是最外层的页面跳转

    转载于:https://www.cnblogs.com/huanghuali/p/8144708.html

    展开全文
  • 1.js执行在本页面跳转 window.location.href="{:url('admin/Admin/index')}"; 2.js执行打开新窗口 window.open("http://www.baidu.com"); 3.刷新、前进、后退等操作 <input type=button value=刷新 οn...
  • 这里说一下如何实现页面锚点跳转,一个城市列表的效果示意图如下: 因为在微信小程序的环境中不能想在浏览器里设置标签,或者操作dom滚动,传统做法就行不通了,一切都得按小程序的文档来。 一开始我们的做法是使用...
  • 一、最外层top跳转页面,适合用于iframe框架集 top.window.location.href("http://www.baidu.com"); 二、window.location.href和window.location.replace的区别  1.window.location.href=“url”:
  • 本页面跳转 定位

    2010-12-11 14:19:36
    参考资料 定位到 resources 参考资料
  • 设置锚点<a name="top"></a>同页跳转<a href="#top">返回顶部</a>不同页跳转<...跳转到test.htm页面顶部</a> 转载于:https://www.cnblogs.com/wangmars/p/3241855.html...
  • 1、在我的资源中免费下载插件http://download.csdn.net/detail/harderxin/4358713 2、给要跳转的位置加上超链接,<a href="javascript:void(0);... 3、在页面中添加如下一段JS代码 <Script type="text/javasc...
  • js页面跳转:本页面跳转,上一层页面跳转,最外层的页面跳转,下面为大家大家分享下不同页面之家的跳转问题,感兴趣的朋友可以学习下
  • 页面跳转

    2018-11-01 10:09:56
    window.location.href 是本页面跳转 window.top.location.href是最外层的页面跳转
  • <... <...HTML 页面跳转问题</title> </head> <body> <a href = "https://www.baidu.com">点我</a> 需要有a标签 <p onclick="javascript:window.location.hre...
  • html页面跳转,在跳转页面获得传值打开新窗口跳转本页面跳转在...本页面跳转 window.location.href = "index.html"; document.location = "index.html"; 在跳转页面获得传值 带参数跳转 window.open("index.html...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,712
精华内容 2,684
关键字:

本页面跳转