<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>{$data.title}</title>

    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta name="description" content="">

    <meta name="keywords" content="">

    <meta name="author" content="">

    <style type="text/css">

        html {

            font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/

        }

        body {

            font-size: 14px;;

            margin: 0 auto;

            font-weight: bold;

            overflow-x: hidden;

            letter-spacing: 0.1rem;/*1.4 × 10px = 14px */

            padding:10px;

            line-height:26px;

            background: rgb(230,230,230);

            color: #666666;

        }

        h1 {

            font-size: 2.4rem;/*2.4 × 10px = 24px*/

        }

        h3 {

            font-size: 1.8rem;

        }

        #buttons a{border: 1px solid #FF4500;color:#FF4500; text-decoration: none;  padding: 5px;}

    </style>

</head>

 <body>

    <div class="banner">

        <img src="http://service.zx7c.cn/2013/{$data.image}">

    </div>

    <p>

        <script>

            window.onerror = function(err) {

                log('window.onerror: ' + err)

            }

            function connectWebViewJavascriptBridge(callback) {

                if (window.WebViewJavascriptBridge) {

                    callback(WebViewJavascriptBridge)

                } else {

                    document.addEventListener('WebViewJavascriptBridgeReady', function() {

                        callback(WebViewJavascriptBridge)

                    }, false)

                }

            }

            connectWebViewJavascriptBridge(function(bridge) {

                var uniqueId = 1

                function log(message, data) {

//                var log = document.getElementById('log')

//                var el = document.createElement('div')

//                el.className = 'logLine'

//                el.innerHTML = uniqueId++ + '. ' + message + ':<br/>' + JSON.stringify(data)

//                if (log.children.length) { log.insertBefore(el, log.children[0]) }

//                else { log.appendChild(el) }

                }

                bridge.init(function(message, responseCallback) {

                    log('JS got a message', message)

                    var data = { 'Javascript Responds':'Wee!' }

                    log('JS responding with', data)

                    responseCallback(data)

                })

                bridge.registerHandler('testJavascriptHandler', function(data, responseCallback) {

                    log('ObjC called testJavascriptHandler with', data)

                    var responseData = { 'Javascript Says':'Right back atcha!' }

                    log('JS responding with', responseData)

                    responseCallback(responseData)

                })

                //测试回调

                var callbackButton = document.getElementById('buttons')

                callbackButton.onclick = function(e) {

                    e.preventDefault()

                    log('JS calling handler "testObjcCallback"')

                    bridge.callHandler('testObjcCallback', {'m_id': '<php>echo $data["m_id"];</php>'}, function(response) {

                        log('JS got response', response)

                    })

                }

            })

        </script>

        {$data.content}

    </p>

    <if condition="$data['m_id'] neq 0">

        <div id='buttons'>价格：500元 <a href="#">查看详情</a><div id='log'></div> </div>

    </if>

 </body>

</html>

　　

ios jsbrige的更多相关文章

  1. IOS与h5交互记录

    博主之前做过移动端app嵌入网页,与Android和IOS有交互,一直没有时间分享过程.这里不多说Android交互啦-很简单,详细了解IOS与h5的交互吧. IOS不同语法和h5的交互所建立的JSB ...

  2. iOS可视化动态绘制连通图

    上篇博客<iOS可视化动态绘制八种排序过程>可视化了一下一些排序的过程,本篇博客就来聊聊图的东西.在之前的博客中详细的讲过图的相关内容,比如<图的物理存储结构与深搜.广搜>.当 ...

  3. 【疯狂造轮子-iOS】JSON转Model系列之二

    [疯狂造轮子-iOS]JSON转Model系列之二 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇<[疯狂造轮子-iOS]JSON转Model系列之一> ...

  4. 【疯狂造轮子-iOS】JSON转Model系列之一

    [疯狂造轮子-iOS]JSON转Model系列之一 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 之前一直看别人的源码,虽然对自己提升比较大,但毕竟不是自己写的,很容易遗 ...

  5. iOS总结_UI层自我复习总结

    UI层复习笔记 在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是 ...

  6. iOS代码规范（OC和Swift）

    下面说下iOS的代码规范问题,如果大家觉得还不错,可以直接用到项目中,有不同意见 可以在下面讨论下. 相信很多人工作中最烦的就是代码不规范,命名不规范,曾经见过一个VC里有3个按钮被命名为button ...

  7. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  8. 告别被拒，如何提升iOS审核通过率（上篇）

    iOS审核一直是每款移动产品上架苹果商店时面对的一座大山,每次提审都像是一次漫长而又悲壮的旅行,经常被苹果拒之门外,无比煎熬.那么问题来了,我们有没有什么办法准确把握苹果审核准则,从而提升审核的通过率 ...

  9. Swift3.0服务端开发(一) 完整示例概述及Perfect环境搭建与配置（服务端+iOS端）

    本篇博客算是一个开头,接下来会持续更新使用Swift3.0开发服务端相关的博客.当然,我们使用目前使用Swift开发服务端较为成熟的框架Perfect来实现.Perfect框架是加拿大一个创业团队开发 ...

随机推荐

  1. hql中in的用法

    平时经常用Hibernate,由于习惯表间不建立关联,所以HQL查询时候经常要用in语句. 由于表间没有建立外键的关联关系所以使用in是最常见的代替使用对象po中的set. 但是在写hql时如果在ne ...

  2. 【原】YUI Test自动化测试实例详解

    测试在软件开发中至关重要,目前针对不同的开发语言,都有比较成熟的测试框架,如jUnit,cUnit,cppUnit,nUnit等,我们统称为xUnit,他们的都遵守统一的规则: 针对代码测试 断言 启 ...

  3. Javascript 可同时变大变宽等一系列效果运动框架——逐行分析代码，让你轻松了解运动的原理

    等待已久的可变大,变宽 等一系列效果运动框架出炉了,现在还是个初级版本,能满足需求.我们看看是如何实现的. 我们知道在Javascript 中 ‘.’等同于 ‘[]’ 例如: oDiv.style.h ...

  4. 多主一从mysql replication同步表的大胆尝试.

    能否将不同机器上的不同库中的表同步到同一个机器的同一个库中?表是不同的.而且对于slave这台机子来说,这些表只用来读.   同步不同库的表很简单了,用 replicate-do-table=db_n ...

  5. text-overflow: ellipsis;省略号颜色设置

    参考stackoverfolow 想要给元素添加text-overflow: ellipsis;样式,必须保证改其父元素是块级元素,如果其是行级元素,可以通过设置display:block;或者dis ...

  6. JavaScript初学者应知的24条最佳实践（译）

    原文:24 JavaScript Best Practices for Beginners 译者:youngsterxyf (注:阅读原文的时候没有注意发布日期,觉得不错就翻译了,翻译到JSON.pa ...

  7. xlslib库使用简记

    xlslib库使用简记 1 前言 最近需要使用C++结合xlslib库来生成Excel文件,但发现这个库的文档还真难找,找来找去发现唯一的线索是有一个test/目录里面的几个例子而已. 想到以后要不断 ...

  8. 触发按钮改变panel面板上的小圆圈颜色

    import javax.swing.*; import java.awt.event.*; import java.awt.*; public class TouChaCol implements ...

  9. aix光盘安装包 aix puppet agent 自动化安装

    脚本待处理事务1,替换指定行数据2,获取$1 :字段分割 [Tips Notes,byRui]从光盘等安装媒介中isntallp -l -d /opt/ruiyhe or /dev/cd0 搜索所有的 ...

  10. zoj2588 Burning Bridges(无向图的桥)

    题目请戳这里 题目大意:给一张无向图,现在要去掉一些边,使图仍然连通,求不能去掉的边. 题目分析:就是求无向图的桥. tarjan算法跑一遍,和无向图割点十分类似,这里要找low[v] > df ...