HTML5嵌套网址,可以添加自己喜爱的网址,忘记网址时一键式访问

最新推荐文章于 2024-06-12 00:17:03 发布

杉言

最新推荐文章于 2024-06-12 00:17:03 发布

阅读量4k

点赞数 4

文章标签： HTML5

杉言如需引用请标明出处

本文链接：https://blog.csdn.net/qq_35426391/article/details/86554309

版权

本文介绍如何利用HTML5创建一个自定义的网址跳转页面。只需几个带有ID的按钮，结合JavaScript代码，就可以实现一键访问常用网址。通过设置CSS样式使按钮更加美观，并介绍如何添加新的按钮和JS代码来跳转不同网址。记得引入jQuery和Bootstrap库以确保功能正常运行。

摘要由CSDN通过智能技术生成

如果你想一键访问自己经常访问的网址，可以自己做一个html5的页面。
那么就只需要几个btn按钮，给予ID，使用嵌套将javascrpit代码放入html网页中，搭建属于自己专属的跳转页面。
不足之处，请多多指教一下，我会改正过来。

代码部分: 使用div将btn按钮包裹,btn添加ID，设置一个圆角样式变得更加美观。

btn里面可以写A标签也可以不写A标签，看个人的爱好，A标签设置隐藏下划线的代码，添加一个嵌套，设置宽高。

JS代码部分: 在function方法中加入btn的ID，然后在将嵌套的ID放入到function中，在写一个跳转的链接把需要的网址粘贴进去。

这里是代码部分：

<html>
<head>
    <meta charset="utf-8">
    <title>发帖端</title><!--html5版-->
    <style>
		.btnys{
   border-radius: 25px;}//这里设置的是btn圆角样式
		a{
   text-decoration:none}//去除A标签的下划线
	</style>
</head>
<body>
 <div>
  <div>
   <div style="height: 44px;">
	<button id="CSGR" class="btnys"><a href="javascript:vo(0);" style="color: #000000">CSDN个人博客主页</a></button>
    <button id="CSLT" class="btnys"><a href="javascript:vo(0);" style="color: #000000">CSDN专业技术论坛</a></button>
	<span

最低0.47元/天解锁文章

杉言

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
HTML5嵌套网址,可以添加自己喜爱的网址,忘记网址时一键式访问

如题，如果你想一键访问自己经常访问的网址，可以自己做一个HTML5的页面，设上几个btn按钮，给予ID，使用嵌套法的JS代码放入网页，搭建一个属于自己的专属跳转页面。代码部分，使用div将btn按钮包裹,btn添加ID，设置一个圆角样式变得更加美观。btn里面可以写A标签也可以不写A标签，看个...
复制链接

扫一扫