如何在路由更改后继续在HTML中显示Js var？
在路由更改后继续在HTML中显示JavaScript变量，可以通过以下步骤实现：
- 使用前端框架：使用现代的前端框架（如React、Angular、Vue.js）可以更方便地处理路由和状态管理。这些框架提供了路由功能，可以在路由更改时更新页面内容。
- 使用URL参数：将JavaScript变量作为URL参数传递给目标页面。在路由更改后，可以从URL中获取参数，并在HTML中显示相应的JavaScript变量。
- 使用本地存储：将JavaScript变量存储在浏览器的本地存储中（如localStorage或sessionStorage）。在路由更改后，可以从本地存储中获取变量的值，并在HTML中显示。
- 使用AJAX请求：在路由更改后，可以使用AJAX请求从服务器获取JavaScript变量的最新值，并在HTML中显示。可以通过后端接口将变量的值返回给前端，并使用JavaScript将其更新到HTML中。
需要注意的是，以上方法都需要在前端代码中进行相应的处理。具体实现方式取决于你使用的前端框架或技术栈。以下是一些腾讯云相关产品和产品介绍链接地址，供参考：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/solution/web-development
- 腾讯云服务器less产品：https://cloud.tencent.com/product/scf
- 腾讯云云原生应用引擎产品：https://cloud.tencent.com/product/tke
- 腾讯云数据库产品：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/solution/mobile-development
- 腾讯云对象存储产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙产品：https://cloud.tencent.com/product/ugc
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估。
相关·内容
为此，我使用JS获取用户的当前位置，然后使用HTML打印它。正如你们所看到的，我的代码每次页面加载时都会运行，但当我的路径发生变化时，例如: /about、/settings、/events，它就会消失，我必须再次加载页面才能打印HTML元素。/* CURRENT LOCATION */ var latitude = position.coords.latitude;
var</
浏览 10提问于2019-06-09得票数 0
我正在使用angularjs创建一个SPA，并在管理面板中为每个功能创建一个单独的文件夹，其中包含局部视图和控制器，如下所示：
<script src="app.js"></script&
浏览 0提问于2019-08-04得票数 1
1回答
它用于不同的路由，以添加一个可视化的功能，以数据显示在不同的路由。我想确保这不会被重新加载在每一个路线的改变，这会造成闪光的白色，是非常恼人和视觉上不愉快。<div id="map"></div>我的js来初始化地图 varma
浏览 3提问于2016-12-09得票数 1
回答已采纳
1回答
我有一个棱角分明的应用程序，我试图主持使用Linux应用程序在Azure上。部署后，我无法加载该网站，因此，经过一些研究，我发现我需要添加一个index.js文件()。但是它并没有解决角度路由问题。如果我导航到一个角度路由并点击刷新，页面不会被重定向到index.html，我会得到一个404响应。(见)var express = require('express');
var serve
浏览 0提问于2019-07-29得票数 1
回答已采纳
我试图在我的快递js应用程序中集成socket.io (由快递生成器创建)。
app.io = require('socket.io')();当我用app.use('/', index);修改app.use/routes/index')(app.io))时，在app.js文件中我得到了以下
浏览 3提问于2017-04-18得票数 0
回答已采纳
2回答
我对角js有个问题，我创建了login.html &home.html。成功登录后，我希望将页面更改为home.html。我的路由不起作用，默认的url是localhost/转角<-这个显示login.html在登录后将url更改为localhost/home，但它不会显示home.html
我尝试过路由
浏览 6提问于2013-05-20得票数 3
2回答
我想从url状态路由中删除感叹号，就像我的url现在是一样有可能这样做吗？使用mean.io'use strict';
// For unmatched routes:
浏览 1提问于2016-12-09得票数 0
3回答
所有这些都是在我执行时在教程中创建的：express mynodeapp。我在//RED注释之间添加了内容。我还在routes目录中添加了一个文件：var express = require('express');我有点迷失了我做错了什么。我已经按照您的建议将我的r
浏览 0提问于2015-09-09得票数 0
回答已采纳
基级域：example.com子域：sub.example.com$routeProvider.when('/', {templateUrl: 'views/sub.example.com/home.html'});
部分应该对静态/动态内容漠不关心。如果某个部件<e
浏览 3提问于2013-06-02得票数 2
回答已采纳
现在我想知道如何在登录后将我的用户重定向到不同版本的我的网站。selectors.Modify 标记所有需要用选择器修改的html和css元素，登录后按照javascript修改页面，在routesConfigure代码中<
浏览 2提问于2022-06-05得票数 0
回答已采纳
我创建了一个AngularJS应用程序，并正在创建一个服务，为用户提供一个像localhost:8080/sync/03afdbd66e7929b1这样的链接，他们应该与人们共享这个链接，并将他们带到表单中。但是，在设置了处理此请求的路由之后，如下所示：
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $<omitted>...5) angular.js</e
浏览 5提问于2014-05-22得票数 2
回答已采纳
2回答
我查过的几件事：
重新启动Visual，重新启动IIS。不起作用。我无法从AngularJS路由问题中判断是否存在问题，实际上，我也没有设置/使用路由模块。
浏览 8提问于2015-10-19得票数 0
但是我无法继续。我没有找到任何关于如何在ui.router中使用Jade文件的解决方案
浏览 0提问于2016-10-03得票数 1
我有一个netlify网站构建的只有html，css，js。据我所知，我可以向我的项目根添加一个_redirect文件，它处理将所有路由重定向到给定页面的路由，如下所示。/* /index.html 200我的目标是避免为每个路由创建一个.Html文件。我想访问index.html中js<em
浏览 4提问于2022-04-15得票数 1
Alert()alert("Please click on OK to continue.")window.onload = function()
varanchors = document.getElementsByTagName("a"); }链接的编
浏览 4提问于2013-10-04得票数 0
1回答
我想在一个角度控制器中应用路由。我有多个选项卡，当用户单击tab2时，它会显示用户可以选择的选项列表。当用户选择“红色”链接时，它应该在tab2中相同内容区域的右侧显示red.html的内容，根据用户的选择，它应该在右侧显示内容。演示：
在上面的代码演示中，当用户选择Tab2时，一些链接显示在tab2中，当用户单击链接时，它将被路由到其他html页面，其内容应<e
浏览 0提问于2017-09-28得票数 1
我有一个用vanilla js编写的SPA，它处理带有前缀- /mail的路由，我想在这里缓存应用程序外壳，并将其用于所有子路由，如/mail/settings，/mail/inbox……等，此SPA在登录后由allowlist: [ ],workbox.routing.registerRoute(navigationRoutes);
当我在
浏览 2提问于2020-04-17得票数 1
我在webpack 5/Vuejs 3应用程序中使用webpack-dev服务器，以便在应用程序开发过程中将代码更改保存在编辑器中后立即使用浏览器中显示的代码更改(对我感兴趣的特性的详细解释，但我认为它在我可以在我的编辑器中更新一个.vue文件，保存它，查看webpack-dev服务器重新编译，查看JS控制台日志，表明它检测到了一个更改，并且在浏览器页面中</em
浏览 1提问于2021-09-21得票数 4
回答已采纳
我的主页(index.html)有一个id为'abcd‘的div标记。我需要将另一个页面(page1.html)的内容加载到指定的div标记中。因此，我编写了以下代码：
$('#abcd').load('page1.html?我需要获取这个参数，并在page1.html内容中使用它。我如何在page1.html页面中获取它？
浏览 1提问于2012-11-23得票数 2
3回答
在下面的示例中，我希望在更改元素1的样式后暂停脚本。然后，在500毫秒后，继续更改元素2的样式。由于setTimeout()需要一个函数参数，如何在不延迟整个函数的情况下实现这一点？注意:这个函数是由onclick="myFunction()"在一个HTML元素上调用的。function myFunction() {
// Declare some
浏览 4提问于2021-08-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
