Question

我有我的索引页面，其中我指的是这样的链接

<li onClick="CreateUser()"> <a href="#CreateUser">CreateUser</a>  </li>

点击此创建用户列表项我将主页内容填充为

function Create User(){ 
$("#main-content").html('Welcome to user management');
}

在我的index.html中，当用户第一次访问该页面时显示一些文本，我的主要内容为

<div id="content">
    <div class="outer">
      <div class="inner" id="main-content">

        <div class="col-lg-12">
          <!--the index dashboard body goes here  -->
            index page content

        </div>
      </div><!-- /.inner -->
    </div><!-- /.outer -->
</div><!-- /#content -->

我想要做的就是当我上场时刷新

localhost:/example/index.html#CreateUser

然后它应该显示CreateUser函数的内容

到目前为止，我已尝试在index.html页面中执行此操作

<body onLoad="checkRefresh();">

where "check Refresh()" is 

function check Refresh()
{
var geturl = window.location.href;
if (geturl = 'http://localhost/example/index.html#CreateUser')
$("#main-content").html('Welcome to usermanagment');
}

但它会将所有其他页面指向刷新此内容

如何做到这一点

Answer 1

我会使用window.location.hash和jQuery ready

    $(document).ready(function(){
       if(window.location.hash === '#CreateUser')
            $("#main-content").html('Welcome to usermanagment');
    });

Answer 2

我得到了答案，我使用了window.location.hash并切换案例

function hash()  
{
//on this function clicking on icons will give the content according to tab
switch(window.location.hash) {



 case "#CreateUser":
 $('#CreateUser').trigger('click',CreateUser());
 break;

 case "#EditUser":
 $('#EditUser').trigger('click',EditUser());
 break;

 case "#DeleteUser":
 $('#DeleteUser').trigger('click',DeleteUser());
 break;  

 default:
 window.location.hash = "";

 break;

 }

如何使用javascript重定向到当前页面

2 个答案: