顶部标题栏文字, 不设置则用网页标题

[复制链接]
老魏Lv.7 显示全部楼层 发表于 2021-12-27 15:09:21 |阅读模式 打印 上一主题 下一主题
一门app开发演示
功能名称: 顶部标题栏文字, 不设置则用网页标题
功能说明: 在html页面执行JS实现对原生标题栏的控制,顶部标题栏文字, 不设置则用网页标题
核心代码: jsBridge.setOptions({
//顶部标题栏文字, 不设置则用网页标题
titleText: "Hello Web-Native App",
});
jsBridge下载: https://www.yimenapp.com/doc/demo.cshtml
安卓上架
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. //顶部标题栏文字, 不设置则用网页标题
  9. titleText: "Hello App",
  10. //Hello App 为标题显示文字,自定义即可
  11. });
  12. }
  13. </script>
  14. <!--执行核心代码;
  15. //如果需要进入页面就执行,去掉点击事件即可;-->
复制代码
执行"Hello App"
执行"一门APP"
执行"开发者社区"

下载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. //顶部标题栏文字, 不设置则用网页标题
  9. titleText: "Hello App",
  10. //Hello App 为标题显示文字,自定义即可
  11. });
  12. }
  13. </script>
  14. <!-- //执行核心代码;
  15. //如果需要进入页面就执行,去掉点击事件即可; -->
复制代码

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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司