网页中“返回顶部”的html代码怎么编写?

网页中“返回顶部”的html代码怎么编写?,第1张

网站的网页中都有返回顶部的功能,就是当用户访问网页时,可以迅速的返回顶部。也许会有人觉得这个功能很简单,没有什么说的,但据我目前所知,就有五种方法实现这个功能。而且不同的方法能实现的效果也是有所不同的。下面介绍下这些方法网页中“返回顶部”的html代码有好几种不同的编写方式:

1、简单的脚本可实现此功能:

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>返回顶部</title>

<style type="text/css">

body{height:1000px}

</style>

</head>

<body>

<div style="height:800pxwidth:800px"></div>

<a href="javascript:scroll(0,0)">返回顶部</a>

</body>

</html>

2、采用JS实现返回顶部:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>返回顶部</title>

<style type="text/css">

body{height:1000px}

</style>

</head>

<body>

<div style="height:800pxwidth:800px"></div>

<script src="js/gototop.js"></script>

<div class="back-top-container" id="gotop">

<div class="yb_conct">

<div class="yb_bar">

<ul>

<li class="yb_top">返回顶部</li>

</ul>

</div>

</div>

</div>

</body>

</html>

3、利用锚点返回顶部:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>返回顶部</title>

</head>

<body>

<a href="#5F">顶部</a>

<div style="height:300pxwidth:300px"></div>

<a name="5F">返回顶部</a>

</body>

</html>

topGO是一个半自动的GO富集包,该包的主要优势是集中了好几种统计检验的方法,目前支持的统计方法如下:

BiocManager::install('topGO')

需要R的版本为>=2.10,但biocmanager安装需要的R版本更高,现在应该是3.6。

富集工作主要包括3个步骤:

1、准备相关数据;

2、进行富集统计检验;

3、分析结果。

所以最重要的工作就是数据的准备。需要的数据包括包含全部geneID(背景基因名,一般是研究物种的全部基因)的文件,需要进行富集分析的geneID(差异表达基因或感兴趣的基因)文件,还有gene-to-GO的注释文件。

物种全部的geneID和差异基因ID比较容易获得,比较费劲的是gene-to-GO文件。

topGO提供了一些函数来帮助我们自动获取注释信息:

annFUN.db :用于Bioconductor上有注释包的物种的芯片数据;

annFUN.org :用于Bioconductor上有“org.XX.XX”注释包的数据;

annFUN.gene2GO :用户自己提供gene-to-GO文件;

annFUN.GO2gene :用户提供的GO-to-gene文件也可以;

annFUN.file :读取有gene2GO或GO2gene的txt文件。

一般Bioconductor提供的注释物种并不多,我的方法主要是用AnnotationHub的select函数或biomaRt的getBM函数来获取,具体 *** 作见: https://github.com/xianyu426/gene_annotation

自己提供gene2GO文件时,格式应该为:

gene_ID<TAB>GO_ID1, GO_ID2, GO_ID3, ....

这样就定义了一个topGOdata对象。

结果可以作气泡富集图。

showSigOfNodes(GOdata, score(resultWeight), firstSigNodes = 10, useInfo = "all")

可以通过html的锚标签来实现

<html>

<head></head>

<body>

<a id="top"></a>

.........................

<!--在返回顶部按钮处写-->

<a href="#top">返回顶部</a>

</body>

</html>

js的写法

页面上的返回顶部按钮

<button type="button" onclick="GoTop()"></button>

js中的写法

function GoTop(){

if (document.body &&document.body.scrollTop &&document.body.scrollLeft)

{

document.body.scrollTop=0

}

if (document.documentElement &&document.documentElement.scrollTop &&document.documentElement.scrollLeft)

{

document.documentElement.scrollTop=0

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8320164.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存