时间戳

首页 > 解决方案 > 覆盖已编译 Javascript 文件中的变量

javascript - 覆盖已编译 Javascript 文件中的变量

问题描述

我是初学者，所以这个问题可能看起来很简单。我正在尝试为我的 WIX 网站（https://booking-engine.camping.care/demo-cc-book-form.html）实现一个小部件。这真的很简单，而且效果很好：

  <script src="https://storage.googleapis.com/campingcare-static/js/moment.min.js"></script>
  <script type="text/javascript" src="https://booking-engine.camping.care/cc-book-form.js"></script>
  <script>
  
      const cc_settings = {
          arrival : moment().format("YYYY-MM-DD"),
          departure : moment(moment().add(1,'days')).format("YYYY-MM-DD"),
          accommodation_id : 0,
          public_key : '',
          language : 'de',
          admin_id : ,
          hide_search_form: true,
          hide_reservation_details: true,
          style_url: 'stylesheet-booking.css',
          birth_tables : [
              {
                  birthdate: "1978-08-02", 
                  count:1
              }, 
              {
                  birthdate: "1977-03-07", 
                  count:1
              }
          ]
      }
  </script>
  
  <cc-book-form></cc-book-form>

现在我想在https://booking-engine.camping.care/cc-book-form.js文件中进行一些自定义更改。不幸的是，如果我复制这个 JavaScript 文件并直接在 Wix 中实现它，就会出现跨域错误。

因此，我想使用来自https://booking-engine.camping.care/cc-book-form.js的原始文件。但是是否可以仅覆盖 HTML 文件中的某些值？喜欢表格中标签的名称吗？在那里用 JSON-String 归档它们：

    /***/ "0a64":
    /***/ (function(module) {
    
    module.exports = JSON.parse("{\"Please check all the req...

感谢您的帮助！

标签： javascripthtmlvue.jslabeloverwrite

解决方案

如果您只想更改一些视觉内容，可以尝试使用document.querySelector("#YOUR_ID").innerHTML = "Whatever you want";

（我希望这是您需要的，我没有理解您的问题错误）您也可以在这里查看更多信息： https ://www.w3schools.com/js/js_htmldom_document.asp

推荐阅读