将 JS 代码集成到 Framework7 项目中答案

【问题标题】：integrating JS code into Framework7 project将 JS 代码集成到 Framework7 项目中
【发布时间】：2021-07-21 23:41:21
【问题描述】：

我是一个新手前端Web开发人员，主要使用Html，CSS，JS。最近，我发现了 Framework7，并立即喜欢上了它。

在我决定在这里写这个问题之前，我花了几天时间浏览官方文档、Framework7 论坛和 StackOverflow，但我并没有完全了解 framework7 的实际工作原理。

我以前很容易将 JS 代码集成到我的 Html 文件中，而这个简单的任务在框架 7 中似乎很复杂。

我尝试直接在我项目的每个页面底部添加一个 JS 代码，但该代码似乎只在 index.html 上有效。所以我尝试添加单独的 JS 文件并从 index.html 调用它也没有运气

我想在我的项目的每个页面上集成以下简单代码：

    document.addEventListener('deviceready', async () => {
  await admob.start()

  banner = new admob.BannerAd({
    adUnitId: 'ca-app-pub-xxx/yyy',
  })

  await banner.show()
}, false)

document.addEventListener('deviceready', async () => {
      await admob.start()
    
      interstitial = new admob.InterstitialAd({
        adUnitId: 'ca-app-pub-xxx/yyy',
      })
    
      await interstitial.load()
      await interstitial.show()
    }, false)

任何帮助将不胜感激

【问题讨论】：

有什么帮助吗？？

标签： javascript html node.js reactjs

【解决方案1】：

将此插件与cordova一起使用 https://github.com/floatinghotpot/cordova-admob-pro

// select the right Ad Id according to platform
  var admobid = {};
  if( /(android)/i.test(navigator.userAgent) ) { // for android & amazon-fireos
    admobid = {
      banner: 'ca-app-pub-xxx/xxx', // or DFP format "/6253334/dfp_example_ad"
      interstitial: 'ca-app-pub-xxx/yyy'
    };
  } else { // for ios
    admobid = {
      banner: 'ca-app-pub-xxx/zzz', // or DFP format "/6253334/dfp_example_ad"
      interstitial: 'ca-app-pub-xxx/kkk'
    };
  }

【讨论】：