点击一个选项就刷新页面html代码

点击一个选项就刷新页面html代码,第1张

点击按钮就刷新页面的代码输入步骤如下:

1、首先,新建一个html文档,如下图红框所示;

2、输入按钮的名称,比如“点击刷新”,代码如下:<a>点击刷新</a>。

3、在浏览器里面进行预览,可以看到现在只是普通的文字,如下图红框所示;

4、现在用reload() 方法,让其实现点击即可重新加载当前文档,代码如下:href="javascript:location.reload()"。

5、预览效果如下,现在单击“点击刷新”按钮,即可实现刷新页面。

既然是分页, 那肯定会保存有当前页了, 一般都是放到url里面去保存, 比如这样 url?currentPage=3

写个js, 记得select里面的option要给个id 可以定义为 optionid_3

window.onload = function(){

//先获取URL参数

var url = location.href

var paraString = url.substring(url.indexOf("?")+1,url.length).split("&")

for(var i=0i<paraString.lengthi++){

var paramName = paraString.substring(0, paraString.indexOf("="))

var value = paraString.substring(paraString.indexOf("=")+1)

if(paramName == "currentPage"){//这个currentPage就是你传的当前页了

document.getElementByid("optionid_"+value).selected = "selected"

}

}

}


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

原文地址: http://outofmemory.cn/zaji/6145001.html

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

发表评论

登录后才能评论

评论列表(0条)

保存