HTML网页返回顶部的做法：
1、使用默认链接锚记：只需添加一个超链接，给超链接的href属性设置值为“#top”即可实现返回顶部的功能，无需添加其他内容。
2、href指向特定id：这种方法是在页面现有的标签中，使用“返回顶部”的连接的href指向顶部具有id属性的标签，以实现返回顶部的功能。这种方法，需要在页面顶部的标签中有具有id属性的标签，来实现指向顶部。亦可自定义添加。
3、使用自定义链接锚记：这种方法，就是使用的自定义链接锚记了，必须要定义锚记，然后使用超链接指向锚。这种方法其实跟第二种方法差不多，只不过必须要额外定义一个链接锚记。
4、使用简单脚本：这种可以设置scrollTo(0,0)中的x、y的值来跳转到页面的具体位置。
5、点击返回按钮，页面想火箭一样逐渐上升，直至返回顶部。本方法能使页面动态滚动，如果把按钮做成一个火箭标志，在点击之后页面滚动时，按钮背景切换为火箭上升标志。
思路大约为用JS得到当前URL并处理。另一种方法为用正则表达试去提取。
<script language=“javascript">
urlinfo=windowlocationhref; //获取当前页面的url
len=urlinfolength; //获取url的长度
offset=urlinfoindexOf(""); //设置参数字符串开始的位置
if(offset==-1){ //判断参数是否存在
documentwrite ("没有指定参数!");
}
else
{
newsidinfo=urlinfosubstr(offset+1,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
newsids=newsidinfosplit("=");//对获得的参数字符串按照“=”进行分割
documentwrite ("您要传递的变量是"+newsids[0]);
documentwrite ("<br/>")
documentwrite ("您要传递的参数值是"+newsids[1]);
}
</script>
<a href="ahtmlparam=value¶m1=value1¶m2=value2">超链接</a>
如上代码ahtml是需要连接的地址。后面紧接着""第一个参数名称"param"=参数值"value"&第二个参数名称"param1"=第二个参数值"value1"依次类推，有多少个参数写上多少个参数及参数值。需要注意的是除开第一个参数前面需要用""表示是参数开始之外其它参数用"&"相连。
在ahtml中获取值可以通关windowlocationhref来获取。
下面是例子
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/
获取参数的键值对对象。
@returns {Object}
/
var getParam = function () {
try{
var url = windowlocationhref;
var result = urlsplit("")[1];
var keyValue = resultsplit("&");
var obj = {};
for (var i = 0; i < keyValuelength; i++) {
var item = keyValue[i]split("=");
obj[item[0]] = item[1];
}
return obj;}catch(e){
consolewarn("There has no param value!");
}
};
/
页面加载完毕打印键值对对象
/
windowonload = function () {
consolelog(getParam());
}
</script>
</head>
<body>
</body>
</html>
1、首先创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。
2、打开html文件，在html文件上找到<body>，在<body>标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。
3、在js文件夹下创建一个js文件为addJsjs。
4、在addJsjs文件上输入一个alertd出框并保存，当引入js文件成功就会执行alertd出框。
5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJsjs文件的addJs事件。
6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出，表示引入js文件成功。
某些非text元素，如a、button等用于触发时间的标签可已将要传的数据放在一个属性中，如data，这个属性必须是不影响样式的，可以使用任意非html定义的名字命名属性，然后将数据传到属性中。
具体可以按照如下程序设置：
<button data="123" id="but" onclick="fun()">按钮</button>
然后通过attr这个方法获取属性内容$('#but')attr('data')
其实完全可以直接写在onclick里作为参数
<button onclick="fun(123)">按钮</button>
如果使用id触发方法，还可以直接用this选择
<button data="123" id="but" >按钮</button>
$('#but')on('click', function(){
var val = $(this)attr('data');
})
以上就是关于html网页如何传递接收地址参数全部的内容，包括:html网页如何传递接收地址参数、请问纯静态HTML如何实现参数的传递和获取、html超链接怎么传参数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）