location hash(#)

最新推荐文章于 2024-03-29 22:05:15 发布

Celine_xn

最新推荐文章于 2024-03-29 22:05:15 发布

阅读量649

点赞数

分类专栏： Javascript/juery

本文链接：https://blog.csdn.net/nceliy/article/details/51201693

版权

Javascript/juery 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。

hash的英文意思就是#

这个跟在浏览器路径后边的#就是一个锚点，就可以迅速的捕捉到这个位置的地方，不是刷新界面，就是捕捉页面位置。

首先我们如果制作这个锚点呢？就是连接#print后边的这个值
为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print" >。

浏览器网页#之后的任何字符，都会被浏览器变成位置字符
假如这个网页http://www.example.com/?color=#fff fff就传递不到服务器端
只有将#转码为%23，浏览器才会将其作为实义字符处理。也就是说，上面的网址应该被写成：
http://www.example.com/?color=%23fff

如果Href中仅仅是加了 # 那么这个页面不会刷新但是会达到这个页面的顶端（如果这个页面有滚动条的情况下）

【这是我最近做的内容上面出现的一个bug ，bug号是3251可以去禅道上温习一下的】

其实这个地方特别像锚点，刚开始学习的时候还是很了解这个名词的后边感觉越来越远了，直到现在感觉不会了要拿出来写写增加深刻的印象了。

<?php include ("../../scaffold/teacher/header.php"); ?>
<?php
    $action = 0;
    if (isset($_GET['a'])) $action = $_GET['a'];
?>
<div class="commonContent" id="help">
    <div class="left-container">
        <!-- <div class="sub-title">教师端帮助</div> -->
        <ul class="sub-menu">
            <li data-target="coursework" <?php if ($action == 0) echo 'class="active"'; ?>>发布作业</li>
            <li data-target="koutouwork"  <?php if ($action == 1) echo 'class="active"'; ?>>口头作业</li>
            <li data-target="score_manage" <?php if ($action == 2) echo 'class="active"'; ?>>查看成绩</li>
            <li data-target="stud_manage"  <?php if ($action == 3) echo 'class="active"'; ?>>管理学生</li>
        </ul>
    </div>
    <div class="content box-shadow">
    <!--
        <div class="breadcrumb title">
            <span class="active"><a href="javascript:;"></a></span>
        </div>
        -->
        <div class="tab <?php if ($action != 0) echo 'hide'; ?>" name="coursework">
            <p style="font-size:16px;">教师可以在作业中心和首页给学生布置作业。</p>
            <p style="font-weight: bold;">1. 作业中心发布</p>
            <p>通过顶部导航区进入作业中心页面后，可以按下图操作来发布作业：</p>
            <ul>
                <li>选择班级、选中教材，选择教材中的单元以及子单元，选择作业类型，然后点击【下一步】；</li>
                <li>在作业确认页面选择作业的开始日期、截止日期，点击【布置】按钮。</li>
            </ul>
            <img src="image/T_1-1.jpg" /><br/>

            <img src="image/T_1-3.jpg" />
            <p>此时作业发布成功，学生可以在首页看到老师新发布的作业</p>
            <img src="image/T_1_4.jpg" />
            <p style="font-weight: bold;">2.  首页快速发布</p>
            <p>可以从下图红框内选择相应的教材，从而快速发布任务。</p>
            <p>注：红框内显示的教材是以班级为单位，即一个班级最近发布作业内容，以及该内容的下一个单元。</p>
            <img src="image/T_1-5.jpg" />
        </div>

        <div class="tab <?php if ($action != 1) echo 'hide'; ?>" name="koutouwork">
            <img src="image/ktworkhelp.png" style="width:477px;height: 790px;margin-left: 85px;margin-top: 28px;"/>
        </div>

        <div class="tab <?php if ($action != 2) echo 'hide'; ?>" name="score_manage">
            <p style="font-size:16px;">教师可以在作业中心下面点击【批阅作业】、首页作业提醒和首页历史作业里进行查看班统、学生成绩。</p>
            <p style="font-weight: bold;">1. 作业中心查看成绩</p>
            <p>通过顶部导航区进入作业中心页面后，点击左侧的【批阅作业】</p>
            <ul>
                <li>选择班级、选择作业类型。显示班级作业列表（如下图）。</li>
            </ul>
            <img src="image/T_2-1.jpg" /><br/>
            <ul>
                <li>点击【查看】进入一个班级的作业统计情况（如下图）</li>
            </ul>
            <p>&nbsp; 注：1）平均成绩：是班级成绩之和除以提交作业人数。</p>
            <p>&nbsp; &nbsp;&nbsp;2）平均时长：是提交成绩的学生完成作业的时间之和除以提交作业人数。</p>
            <p>&nbsp; &nbsp;&nbsp;3）提交率：提交作业人数/班级总人数。</p>
            <img src="image/T_2-2.jpg" />

            <ul>
                <li>点击【作业详情】进入一个班级的所有学生作业列表页面（如下图）。</li>
            </ul>
            <img src="image/T_2-3.jpg" />
            <ul>
                <li>点击【查看详情】进入一个学生的作业详情页面（如下图）。</li>
            </ul>
            <img src="image/T_2-4.jpg" />

            <p style="font-weight: bold;">2.  首页作业提醒（如下图）</p>
             <p>注：1）教师发布的作业是有截止时间，系统显示即将到期的班级作业。点击【查看】进入当前班级作业列表页面。</p>
             <img src="image/T_2-5.jpg" />
              <p style="font-weight: bold;">2.  首页历史作业（如下图）</p>
             <p>注：1）点击作业名称进入当前班级作业列表页面。</p>
             <img src="image/T_2-6.jpg" />
        </div>

        <div class="tab <?php if ($action != 3) echo 'hide'; ?>" name="stud_manage">
            <p style="font-size:16px;">通过顶部导航区进入学生管理页面后，可以在下图所示的页面中通过左侧菜单切换班级，查看学生账号情况。</p>
            <p style="font-size: 12px;">注：当机构开放教师管理账号权限后，还可以对学生账号进行添加、编辑、续费的操作。</p>
            <img src="image/T_3-1.jpg" /><br/>
        </div>
    </div>
    <br class="clear">
</div>
<?php include ("../../scaffold/teacher/footer.php"); ?>