一门APP开发教程

标题: 顶部标题栏背景色, 不设置则用App配置 [打印本页]
作者: 老魏    时间: 2021-12-27 14:48
标题: 顶部标题栏背景色, 不设置则用App配置
A标签执行JS
  1. <a href="javascript:void(0)" onclick="zhixing()">执行</a>
  2. <!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
  3. <script src="您的服务器URL/jsbridge-mini.js"></script>
  4. <!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
  5. <script type="text/javascript">
  6. function zhixing() {
  7. jsBridge.setOptions({
  8. //顶部标题栏背景色, 不设置则用App配置
  9. titleColor: "#56BC94",
  10. //#56BC94为设置的色号，自定义即可！
  11. });
  12. }
  13. </script>
  14. <!--执行核心代码；
  15. //如果需要进入页面就执行，去掉点击事件即可；-->
复制代码
执行(#56BC94)
执行(#000000)
执行(#eb0505)
执行(#3706d8)

下载jsbridge-mini.js上传服务器并引入，根据实际业务自定义JS策略，映射JS只会APP内生效！请下载APP后打开app体验！

按钮执行JS
  1. <button onclick="zhixing()" >执行</button>
  2. <!-- //写一个按钮，定义点击执行事件； -->
  3. <script src="您的服务器URL/jsbridge-mini.js"></script>
  4. <!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
  5. <script type="text/javascript">
  6. function zhixing() {
  7. jsBridge.setOptions({
  8. //顶部标题栏背景色, 不设置则用App配置
  9. titleColor: "#56BC94",
  10. //#56BC94为设置的色号，自定义即可！
  11. });
  12. }
  13. </script>
  14. <!-- //执行核心代码；
  15. //如果需要进入页面就执行，去掉点击事件即可； -->
复制代码

下载jsbridge-mini.js上传服务器并引入，根据实际业务自定义JS策略，映射JS只会APP内生效！请下载APP后打开app体验！

作者: ym288591    时间: 2022-12-6 10:08
6666666666666



欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/) Powered by Discuz! X3.4