在本地托管的HTML页面中传递变量值，可以通过以下几种方法来实现：

1. 使用URL参数传递变量值：在URL中添加参数，然后在HTML页面中使用JavaScript获取URL参数的值。例如，URL为：http://localhost:8080/index.html?var1=value1&var2=value2，可以使用以下JavaScript代码获取var1和var2的值：

var urlParams = new URLSearchParams(window.location.search);
var var1 = urlParams.get('var1');
var var2 = urlParams.get('var2');

2. 使用本地存储传递变量值：使用JavaScript的本地存储（如localStorage或sessionStorage）将变量值存储在浏览器中，然后在HTML页面中读取存储的值。例如，使用localStorage存储变量值：

localStorage.setItem('var1', 'value1');
localStorage.setItem('var2', 'value2');

在HTML页面中获取变量值：

var var1 = localStorage.getItem('var1');
var var2 = localStorage.getItem('var2');

3. 使用服务器端渲染传递变量值：如果您使用的是服务器端编程语言（如Node.js、PHP等），可以在服务器端将变量值嵌入到HTML页面中，然后将完整的HTML页面发送给浏览器。例如，在Node.js中使用Express框架：

app.get('/index', function(req, res) {
  var var1 = 'value1';
  var var2 = 'value2';
  res.render('index', { var1: var1, var2: var2 });
});

在index.ejs（或其他模板引擎）中使用变量值：

Variable 1: <%= var1 %>
Variable 2: <%= var2 %>

这些方法可以根据您的具体需求选择使用。