获取url里的参数实现置顶

最新推荐文章于 2022-06-27 16:42:55 发布

笑问客从何处来

最新推荐文章于 2022-06-27 16:42:55 发布

阅读量183

点赞数

分类专栏： web前端文章标签： javascript html5 html

本文链接：https://blog.csdn.net/Y_one/article/details/109068769

版权

本文介绍了如何使用JavaScript来获取URL中的参数，并展示了在网页中实现置顶效果的代码示例，包括置顶前后的页面效果对比。

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

未置顶前效果图：
在这里插入图片描述

置顶后的效果图：
在这里插入图片描述
代码实现：
new.json

[
  {
   "id": "G11111","title": "手机","price": 2999},
  {
   "id": "G22222","title": "平板电脑","price": 1999},
  {
   "id": "G33333","title": "笔记本电脑","price": 5999},
  {
   "id": "G44444","title": "树莓派电脑","price": 999},
  {
   "id": "G55555","title": "超级计算机","price": 9999999}
]

url.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <!--引入axios-->
</head>
<body>
<ul class="new_box">
    <li class="new_list">

最低0.47元/天解锁文章

笑问客从何处来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取url里的参数实现置顶

未置顶前效果图：置顶后的效果图：代码实现：new.json[ {"id": "G11111","title": "手机","price": 2999}, {"id": "G22222","title": "平板电脑","price": 1999}, {"id": "G33333","title": "笔记本电脑","price": 5999}, {"id": "G44444","title": "树莓派电脑","price": 999}, {"id": "G55555","t
复制链接

扫一扫

专栏目录